电脑软硬件应用网
当前位置: 电脑软硬件应用网 > 设计学院 > 网络编程 > CSS教程 > 正文
用CSS改变的图片由模糊到清楚的导航
用CSS改变的图片由模糊到清楚的导航
2008-9-15 12:29:05  文/佚名   出处:中国IT实验室   

<!-- 把下列代码加入到head区内 -->
<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.wysjs.cn/" class="highlightit"><img border="0" src="/img/200406301.jpg"></a>
<a href="
http://www.wysjs.cn/" class="highlightit"><img border="0" src="/img/200406301.jpg"></a>

  • 上一篇文章:

  • 下一篇文章:
  • 最新热点 最新推荐 相关文章
    CSS伪类选择器nth-child()
    css3教程:background属性调整增强
    css教程:CSS3 Media Queries 详解
    CSS 类名的长命名和短命名
    CSS实例教程:非浮动区域设置宽度
    如何使用css约束一个层不可见?
    CSS的list-style解释
    小议使用“完整”的CSS的缺点
    CSS中的相对定位与绝对定位详解
    实例使用DIV+CSS制作圆角边框加阴影…
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号