CSS鼠标悬停图片上图片变灰 变色 半透明

一、DIVCSS5介绍与说明：   -   TOP

看到网页中的图片当鼠标移动到图片上时（鼠标悬停在图片上）图片变灰，看似变色变灰效果，实际是图片被CSS设置为半透明样式。

二、关键CSS代码：   -   TOP

 
 
a:hover img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;} 

此CSS代码作用，设置鼠标移动到A超链接时，超链接内图片（img）呈现半透明显示80%效果。

解释：
filter 设置平台IE半透明效果样式，值1-100，值越小越透明，设置IE8以前的透明使用
opacity 设置IE半透明效果样式，值0.1-1，值越小越透明，设置IE8以后版本的透明使用
-moz-opacity 对非IE浏览器设置，比如火狐，语法与IE相同

此设置CSS样式opacity、filter在IE6中不支持，因为现在IE6版本占有急剧下滑，所以一般不考虑IE6对此CSS的支持。