关于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的兼容问题的主要内容,如果未能解决你的问题,请参考以下文章

前端 PC端兼容性问题总结

跨浏览器兼容性宽度问题

opacity透明度兼容全浏览器

CSS透明属性详解代码_CSS/HTML

兼容性问题的解决方式(更新中···)

兼容各种浏览器的透明层效果