css怎么实现图片半透明效果


当前第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》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...