关于opacity的兼容问题

时间:2023-02-20 20:12:54

各个浏览器的解决办法:

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的浏览器*/