淘宝实现Alpha半透明opacity: 0.5;-moz-opacity:0.5;filter:alph

时间：2014-06-21 23:34 来源：Q淘网收集作者：蒋坤阅读：次

内容摘要:

实现背景图Alpha半透明效果： opacity: 0.5; /* 支持CSS3的浏览器（主流）*/ -moz-opacity:0.5; /* Firefox私有属性*/ filter:alpha(opacity=50);/* IE私有属性，仅适用于IE*/ 复制代码只要这三句代码，即可完美实现兼容所有浏览器的半透明效果（必须同时定

实现背景图Alpha半透明效果：

opacity: 0.5; /* 支持CSS3的浏览器（主流）*/
-moz-opacity:0.5; /* Firefox私有属性*/
filter:alpha(opacity=50); /* IE私有属性，仅适用于IE*/

复制代码

只要这三句代码，即可完美实现兼容所有浏览器的半透明效果（必须同时定义宽度和高度，否则即使使用了filter属性，IE下也无法半透明）。
注意，淘宝的CSS白名单里，只有opacity属性，并没有IE私有属性filter和Firefox私有属性-moz-opacity，也就是说，对于半透明效果，淘宝只支持CSS3主流浏览器！
淘宝模块开发中，要想实现兼容的半透明效果，建议使用PNG透明！同时加上Compatibe兼容性组件，兼容IE6。

标签：账户获取战机 iOS9越狱列王的纷争烟火音乐家

顶一下

(0)

踩一下

(0)

上一篇：淘宝店铺装修淘宝店招导航栏个性化全屏设置教程简单易懂!
下一篇：超实用的文本处理文字颜色粗细,能更好的抓住顾客的眼睛!