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

posted on 2016-03-20 16:22  baiyuhong  阅读(625)  评论(0编辑  收藏  举报