Image CSS 3不透明度转换不适用于<；img>；

我有几个图像嵌入在不同的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"/>

---

但效果就是不起作用。几个月前，我在另一个页面中使用了它，在那里，它可以很好地使用相同的代码。

您的选择器是错误的

.divbgs img

---

这是

img.divbgs

&

img.divbgs:hover

您的选择器错误

.divbgs img

---

它是

img.divbgs

&

img.divbgs:hover

，或者，嵌入的div（代码中没有显示）也应该有divbgs类。嘿，它仍然不起作用。我现在把完整的源代码放在我的问题中了。@valh你的问题还是一样的，请检查一下。很抱歉，它现在可以工作了。我把IMG放在一个div中，为divor设置效果，或者，嵌入div（代码中没有显示）也应该有divbgs类。嘿，它仍然不能工作。我现在把完整的源代码放在我的问题中。@valh你的问题还是一样的，请检查一下。对不起，现在可以用了。我把IMG放在一个div中，并为div设置了效果