触发来自不同元素的css转换

Question

我有div，里面有2张图片。两个图像都包含在一个a标记中。

第一张图像是实心图像，它具有相对位置。第二个图像是一个透明的PNG，位于实体图像的顶部，具有绝对定位。两张图片大小相同。两幅图像的不透明度都降低了。

基本上我希望能够在悬停时将两个图像转换为完全不透明度，但是因为透明PNG完全覆盖了实心图像。使用:hover只会触发顶部图片的转换，因为我从技术上讲不会将鼠标悬停在下方的实体图像上。

有什么办法可以实现吗？

Answer 1

使用父:hover元素的a伪类：

div a:hover img {opacity:1;}

这将同时应用到两个子img元素的转换。