将鼠标悬停在图片上，图片变暗和透明

1、CSS代码

.div1,.div2{ width:500px; margin:20px auto} 
.div1 a:hover img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8} 
.div2 a:hover img{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7} 

此处设置为DIV对象框中的超链接中的图片设置悬停伪类型的半透明效果。

2、HTML代码

css 鼠标经过图片，图片变色变暗透明
代码注释：
过滤器设置平台IE半透明效果样式，该值为1-100，该值越小，越透明，设置IE8之前的透明使用
opacity设置IE的半透明效果样式，值是0.1-1，值越小，越透明，设置IE8及更高版本的透明使用
-moz-opacity为非IE浏览器（例如Firefox）设置为具有与IE相同的语法。
完整示例：
 
 
 
 

 
 
css 鼠标经过图片，图片变色变暗透明
运行
本文最初发布在php中文网站上。请注明转载来源。谢谢您的尊重！
主题建议：
					

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/bofangqi/article-324376-1.html