关于css中的opacity

W3School中的关于opacity的定义：

定义和用法

opacity 属性设置元素的不透明级别。

默认值：	1
继承性：	no
版本：	CSS3
JavaScript 语法：	object.style.opacity=0.5

所有浏览器都支持 opacity 属性。

注释：IE8 以及更早的版本支持替代的 filter 属性。例如：filter:Alpha(opacity=50)。

所以如果是IE8以及IE8以前的则需要用object.style.filter = "alpha(opacity=50)";

所以在用js设置opacity的时候需要进行判断：

比如

function setOpacity(elem, level) {
   if (elem.filters) {
      elem.style.filter = "alpha(opacity=" + level + ")";
   } else {
      elem.style.opacity = level / 100;
   }
}//setOpacity

PS：这里有一个很好的关于滤镜的文章http://www.cnblogs.com/shiyangxt/archive/2008/11/16/1334633.html

转载于:https://www.cnblogs.com/baiyuhong/p/5298092.html