.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对象盒子里的超链接内图片设置hover伪类半透明效果。
2、html代码
css 鼠标经过图片，图片变色变暗透明
代码注释：
filter 设置平台ie半透明效果样式，值1-100，值越小越透明，设置ie8以前的透明使用
opacity 设置ie半透明效果样式，值0.1-1，值越小越透明，设置ie8以后版本的透明使用
-moz-opacity 对非ie浏览器设置，比如火狐，语法与ie相同。
完整实例：
css 鼠标经过图片，图片变色变暗透明
在线运行