从不同元素触发css转换

我有一个

div

，里面有两个图像。两个图像都包装在一个

a

标记中

第一个图像是立体图像，它具有相对位置。第二个图像是一个透明的PNG，位于具有绝对定位的实体图像顶部。两个图像大小相同&两个图像的不透明度都较低

基本上，我希望能够过渡到两个图像完全不透明的悬停，但作为透明的PNG完全覆盖固体图像。使用

：hover

只会触发顶部图像的转换，因为从技术上讲，我不会将鼠标悬停在下面的立体图像上

---

有什么方法可以实现这一点吗？

使用父

元素的
：hover
伪类：

div a:hover img {opacity:1;}

这将同时将转换应用于两个子
img
元素。
当然！代表我的愚蠢疏忽！非常感谢，我请客了！