当前第2页 返回上一页
这个效果在IE和Mozilla浏览器上都可以工作,代码如下
1 2 3 | < 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。
相关推荐:CSS教程
以上就是css怎么实现图片半透明效果的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
css怎么设置图片的透明度
css怎么设置宽为100vw
nginx 怎么实现js css 不缓存
css如何进行单行注释
css如何取消样式
myeclipse css 不起作用怎么办
css怎么写五角星
css怎么改变光标颜色
css怎么实现表格样式
在css中不属于添加在当前页面的形式是什么
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css怎么实现图片半透明效果