关于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