CSS让图片由模糊变清淅，其实主要是使用了CSS Filter滤镜来实现鼠标悬停时改变图片的透明度来实现。默认状态下，图片的透明度是70，也就是有些透明，让图片看上去有点模糊，当鼠标移上的时候，图片的透明度变为0，也就是不透明了，图片看上去就清淅了，CSS代码如下：
<style>
.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}
.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}
</style>CSs代码写好了，里面的透明度值默认是70，你可以试着改变这个值，直到你喜欢。下面就要把上面的CSS定义应用在对象上：
<a href="/" class="highlightit"><img border="0" src="/jscss/demoimg/wall_s3.jpg"></a> <a href="/" class="highlightit"><img border="0" src="/jscss/demoimg/wall_s7.jpg"></a>
最终的运行效果如下，默认状态下，图片好似是模糊的，把你的鼠标移上去看下吧：
