在线客服 官方微信 手机官网RSS订阅 设为首页  加为收藏
主题:用css实现鼠标经过图片变透明
 楼主 qkx199 发表于2010-12-3 9:44:03
用css实现鼠标经过图片变透明

css中有个opacity属性,它是针对透明的设置,可是它只在firefox下好用。同时css中还有一个不常用的属性叫做滤镜 ,这个在ie下好用。所以把两个综合起来写,就可以实现边透明的效果了。写法如下:

这里假设图片的结构为:

<div class="tem1">

<a href="#"><img src="1.jpg"></a>

</div>

则css的写法是:

.item1 a:hover img {

opacity:0.7;

filter:alpha(opacity=70);

}

 

 1 hijee 发表于2010-12-3 18:47:21

感谢分享

 2 quebutt 发表于2010-12-7 9:59:07

很好

奇新云平台
切换