您的位置:首页 > Web前端 > CSS

关于css中的opacity

2016-03-20 16:22 405 查看
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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: