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中.我想稍后把文字放在那里.

但效果不会起作用.几个月前我在另一个页面中使用过它,并且使用相同的代码它可以正常工作.