0

要素にカーソルを合わせたときに不透明度を使用してオーバーレイをアニメーション化しようとしていますが、機能しません。アニメーションなしでも簡単にできますが、フェード効果が欲しいです。私はjQueryでこれを達成しようとしています。

画像がホバーされたときにオーバーレイが表示されないようにしたい。

以下の jsfiddle-example を見てください:

http://jsfiddle.net/jem2M/1/

私は例を探していましたが、それらのほとんどはfadeInとfadeOutを使用しています。要素は常に表示されている必要があり、ホバー時に不透明度のみが変化する必要があるため、使用できません。

解決済み: セレクターを囲むのを忘れていました。作業例: http://jsfiddle.net/jem2M/4/

4

2 に答える 2

3

$('.bghover #background img')-セレクターを引用符で囲むのを（2回）忘れました。

フィドルの例：http：//jsfiddle.net/jem2M/4/

于 2012-09-20T08:06:34.473 に答える
0

http://jsfiddle.net/jem2M/4/（chrome 21を使用）を開いたところ、正常に動作しています。画像の上にマウスを置くと、不透明度が1にアニメーション化され、マウスを離すと、不透明度が0.75に変更されます。

于 2012-09-20T08:48:58.900 に答える