如果图像悬停在图像上,我想添加叠加层。将叠加层添加到图像
我已经尝试了很多方法,但图像似乎消失或保持不变。
这是它的将是什么样子
<a id="icon"
style="background: url(/images/layout/top/icon.gif); height:23px; width:23px; float:left; margin-right:3px;"
href="page.php?pageid=123" title="Icon">
</a>
实实在在地,我所追求的是一个快速的方法有图像的变化,而无需进行更多的图像。
所以当没有悬停在图像上 - 原始图像 当悬停在图像 - 40%的颜色叠加?
谢谢先进。
我的尝试:
a.thumbnail {
background-color:orange;
filter: Alpha(Opacity=40, Style=0);
-moz-opacity: 40%;
opacity: 0.4;
}
你可以发布你试过的代码吗? – 2012-04-13 18:16:42
检查出来...... – 2012-04-13 18:20:29
显然当我加入这个类的时候 – 2012-04-13 18:22:54