image - CSS 3 不透明度过渡不适用于 <img>

Question

我在各种 s 中嵌入了几张图片。现在我想添加一个不透明度转换 (CSS3)。 代码是:

.divbgs img {

opacity: 0.5;
filter: alpha(opacity=50);
-webkit-transition: opacity 1s linear;

}
.divbgs img:hover {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 1s ;

}

每个图像都嵌入到它自己的 div 中。我想稍后将文本放在那里。

<img src="/img/rook/img/cenote.jpg" class="divbgs"/>

但是效果就是不行。几个月前，我在另一个页面中使用过它，使用相同的代码它确实可以正常工作。

Answer 1

你的选择器是错误的

.divbgs img

这是img.divbgs & img.divbgs:hover