1

私はそのdiv中に2つの画像を持っているを持っています。両方の画像が1つのaタグにラップされています。

最初の画像はベタ画像で、相対的な位置にあります。2番目の画像は、絶対位置でソリッド画像の上に配置される透明なPNGです。両方の画像は同じサイズであり、両方の画像の不透明度は低くなっています。

基本的に、ホバー時に両方の画像を完全に不透明に移行できるようにしたいのですが、透明なPNGがソリッド画像を完全にカバーしているためです。:hover技術的には下のベタ画像にカーソルを合わせていないため、使用すると上の画像のトランジションのみがトリガーされます。

これを達成する方法はありますか?

4

1 に答える 1

2

代わり:hoverに、親要素の疑似クラスを使用してください。a

div a:hover img {opacity:1;}

imgこれにより、両方の子要素に同時に遷移が適用されます。

于 2013-03-07T00:35:54.840 に答える