船长 发表于 2009-02-17 10:16 | 分类:css | 阅读数:1,206 次
用CSS改变的图片由模糊到清楚的导航,也就是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> <!-- 把下列代码加入到body区内 --> <a href="http://www.songlecn.com/" class="highlightit"><img border="0" src="http://www.songlecn.com/wp-content/supload/2009/02/17/wt55.jpg"></a> <a href="http://www.songlecn.com/" class="highlightit"><img border="0" src="http://www.songlecn.com/wp-content/supload/2009/02/17/wt55.jpg"></a>
提示:你可以先修改部分代码再运行。
您的网名: * 必填
电子邮件: * 绝不会泄露
验证条码: *
个人主页:
评论内容:
(Ctrl+Enter快捷回复)
web集结号致力于