我使用CSS':hover'规则使图像“消失”并使用不透明度更改重新出现。
我敢肯定有一个简单的代码可以实现,但是我找不到它,而且我没有经验。
我有图像A。在图像A旁边有图像B。图像B的不透明度设置为0。将鼠标悬停在图像A上时,我想将图像B的不透明度更改为1:
<img class="a" src="a.jpg"> <img class="b" src="b.jpg">
我为此类事情找到的所有示例都是在将鼠标悬停在图像A上时更改图像A的不透明度,但是我希望在将鼠标悬停在图像A上时更改图像B的不透明度。
我该如何更改此代码
image.A:hover { opacity:1; }
要影响图像B?
最佳答案
在黑暗中刺刺:
img.A:hover + img.B { opacity: 1 }
关于html - 悬停的不透明度与悬停的不一样,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/21615362/