CSS opacity-实现图片半透明效果


<img alt="powerbookg4.jpg" src="archives/images/powerbookg4.jpg" width="250" height="60" style="-moz-opacity:0.5; filter:alpha(opacity=50);cursor:hand;" onmouseover="this.style.MozOpacity=1;
this.filters.alpha.opacity=100" onmouseout="this.style.MozOpacity=0.5;
this.filters.alpha.opacity=50">

  在IE中需要通过"filter"来定义透明度"opacity",而在Mozilla中是可以直接解析"opacity",所以如果要使得这个效果在两种浏览器中都得到支持,需要把两种设定都加进去。针对IE的设定:this.filters.alpha.opacity=50 而针对Mozilla的设定:this.style.MozOpacity=0.5. 大家可以直接用这行代码给图片定义,只须修改图片地址就能实现上图效果。



相关阅读:
SQL Server集成服务最佳实践:语句优化
windows与Linux文本格式的区别
Javascript入门学习第五篇 js函数
XFire中实现WS-Security
如何在LoadRunner中监控Oracle数据库
暑期缤纷巨献之~------超级+无敌--------XML+javasc
清空iis log 中自己登录ip的vbs
CSS 快速提升设计可读性和维护性
ASP 高亮显示不区分大小写的关键字
BBS(php & mysql)完整版(五)
asp.net 页面回车触发button按钮事件
js 自定义的联动下拉框
PHP开发规范手册之PHP代码规范详解
设定sql server定期自动备份数据库
快速导航

Copyright © 2016 phpStudy |