2017-01-12 33 views
-3

単純なHTML/CSSを使用して、ホバー上の画像でテキストを置き換えたいとします。ホバーテキストを置き換えて画像に置き換えます

  • NO:画像の上にテキスト
  • NO:画像はNO
  • テキストの下に表示された画像は、画像
  • YESと交換してください:テキストイメージと交換
+2

あなたのコード? –

+1

誰かがあなたから何の努力もせずにあなたを手助けすることをどのように期待できるでしょうか。何か試しましたか?試したコードをいくつか用意する必要がありますか?問題を適切に質問してください –

+0

あなたの質問の提出中にあなたの努力の一部を提出してください。 –

答えて

0

はここで開始する何か...あなたはCSSの背景画像、またはaの内部にimgタグを使用することができます。私はあなたが達成しようとしていることを本当に知っていませんが、それは始まりです。

https://jsfiddle.net/wq2pjafc/1/

HTML:

<a class="fancy"> 
    <span class="text">text</span> 
</a> 

CSS:

.fancy { 
    display: block; 
    width: 455px; 
    height: 315px; 
    background: #eee; 
} 
.fancy:hover { 
    background: url('http://www.jqueryscript.net/images/Simplest-Responsive-jQuery-Image-Lightbox-Plugin-simple-lightbox.jpg') 
} 
.fancy:hover .text { 
    display: none; 
} 
+0

はい!これは!どうもありがとうございました! –

関連する問題