关于opacity的兼容问题

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了关于opacity的兼容问题相关的知识，希望对你有一定的参考价值。

各个浏览器的解决办法：

css:

.opacity{
　　filter:alpha(opacity=50); /* IE */
　　-moz-opacity:0.5; /* 老版Mozilla */
　　-khtml-opacity:0.5; /* 老版Safari */
　　opacity: 0.5; /* 支持opacity的浏览器*/
}

 

用javascript来设定一个元素为半透明:

　　object.filter = "alpha(opacity=" + opacity + ")"; /* IE */
　　object.MozOpacity = (opacity / 100); /* 老版Mozilla */
　　object.KhtmlOpacity = (opacity / 100); /* 老版Safari */
　　object.opacity = (opacity / 100); /* 支持opacity的浏览器*/

以上是关于关于opacity的兼容问题的主要内容，如果未能解决你的问题，请参考以下文章