基本的には、私のウェブページ上にマウスを置くと、2つの画像が上に表示されるボタンが作成されます。表示される下部の画像はアニメーション化された.gifであると考えられ、2番目の画像は.gifで、単語（ 'blog'、 'music'など）は白で背景は透明です（その背景にある.gifまだ見られる）。私は、アニメーション化された.gifの上に単語を追加しようとしましたが、そのカラーパレットは白を許可しません（デザインによっては受け入れられない明るい灰色のみ）。2つの画像をホバーで表示させるにはどうすればよいですか？
私はhtml/cssにはかなり新しいので、これをすべて一緒に行うより良い方法があるかもしれません。
あなたはその中にリンクが付いているといいでしょう。次のようにCSSは次のようになります。
div.background_image{
background: url('path/to_your/image.gif') no-repeat 0 0;
}
a.top_image:hover{
width: Xpx;
height: Xpx;
display: block;
background:transparent url('path/to_your/image.gif') no-repeat 0 0;
}
は、あなたの背景画像のdivとしてリンク寸法と同じサイズにしてください。行ってもいいですね。これは、あなたの背景画像divが常に存在することを前提としています。 ：ホバーは画像をロールオーバーで表示させるものです
いつでも、それがどのように動くか教えてください – ckaufman
非常によくそうです。 私はそれが何をする必要があるかの方向にあると思うが、私はa.classtagを得ることができない。 –
私は最初の返事で少し過熱しているかもしれません。 私のアニメーション化された.gifは、メインコンテナの上にホバリングしたときに表示されます（その背景は、画像の代わりに#hex色で定義されています）。私はあなたのコードを見て、私は "a.class：hover"ビットを使用して、余分なイメージをホバーで追加することができました。これは本当かもしれませんが、私はそれを働かせるように見えません。あなたのコードを使用しましたが、表示されるのは左上の壊れた画像の画像だけです。 –
jQueryに画像が滑ってしまい、別の画像がその下にありますが、約2画像はわかりません。 –
ホバー時に画像の上にテキストを表示する方法がありますか？ –
@ ted.daniels鉱山と私の友人のプロジェクトhttp://www.photoshopmesta.net/sic/とデモページhttp://www.photoshopmesta.net/sic/theTest – Joonas