從不同的元素觸發css轉換

Question

我有一個div其中有2個圖像。這兩個圖像都包裹在一個a標籤中。

第一個圖像是一個實體圖像，它有一個相對位置。第二個圖像是一個透明的PNG，它位於絕對定位的實體圖像頂部。兩幅圖像的尺寸相同&兩幅圖像的不透明度均較低。

基本上我希望能夠將兩個圖像都轉換爲懸停時的完全不透明，但是因爲透明PNG完全覆蓋了實體圖像。使用:hover只會觸發頂層圖像的過渡，因爲我在技術上不會將鼠標懸停在下面的實體圖像上。

這有什麼辦法可以實現嗎？

Answer 1

，使用父a元素，而不是:hover僞類：

div a:hover img {opacity:1;} 

這將img元素同時轉變適用於兩個孩子。