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＆amp; img.divbgs:hover