html - 悬停父元素时如何更改子元素的不透明度

<分区>

我想在悬停父 div 时更改子 div 图像的不透明度。如何在 CSS 中做到这一点？

<div class="parent">
    <div class="child">
        <img src="" alt="" height="" width="">
    </div>
</div>

最佳答案

使用:hover-selector并更改 img opacity :

.child:hover img {
    opacity: 0.8;
}

或者如果你想改变 while 子 div 的不透明度，那么:

.parent:hover .child {
    opacity: 0.8;
}

关于html - 悬停父元素时如何更改子元素的不透明度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51378637/

相关文章：

php - 在不同的表中显示检索数据