这种方法主要使用了伪类选择器:hover:鼠标移动到相应位置时发生的变化。

先看一看效果:
这是当鼠标放在图像上时,图片的透明度变为%80

这是当鼠标放在图像上时,图片的透明度变为%60

这样就实现了一种动态的效果

其实要实现这个效果并不难,只需要用到filter属性,也就是过滤器。具体使用方法看下面的代码:

css里(这里用的是类选择器,透明度80%):

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

大致就是如此,有兴趣的可以试试。当然:大神们就略过吧。主要是给新手一个案例,同时自己做个笔记。