关于css中的opacity
2016-03-20 16:22
405 查看
W3School中的关于opacity的定义:
所有浏览器都支持 opacity 属性。
注释:IE8 以及更早的版本支持替代的 filter 属性。例如:filter:Alpha(opacity=50)。
所以如果是IE8以及IE8以前的则需要用object.style.filter = "alpha(opacity=50)";
所以在用js设置opacity的时候需要进行判断:
比如
PS:这里有一个很好的关于滤镜的文章http://www.cnblogs.com/shiyangxt/archive/2008/11/16/1334633.html
定义和用法
opacity 属性设置元素的不透明级别。默认值: | 1 |
---|---|
继承性: | no |
版本: | CSS3 |
JavaScript 语法: | object.style.opacity=0.5 |
注释: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
相关文章推荐
- DIV的盒子模型
- 有关表单与CSS的基础知识及实例应用(新手,有待完善...)
- HTML+CSS基础(2)-HTML标签的简单介绍和网页注释
- HTML+CSS基础(2)-HTML标签的简单介绍和网页注释
- css 中 float:left ,right 浮动与非浮动内联元素与块元素之间的显示关系
- 为何img、input等内联元素可以设置宽、高
- HTML+CSS基础(1)-理解什么是HTML和CSS
- HTML+CSS基础(1)-理解什么是HTML和CSS
- css中的div居中
- Qt利用样式表实现三态按钮
- css的外边距合并(如何实现不合并)
- CSS垂直居中
- CSS属性中Display与Visibility的区别
- 解决HTML外部引用CSS文件不生效问题
- 解决HTML外部引用CSS文件不生效问题
- 深入理解CSS元素可见性visibility
- DOM操纵样式表
- css
- 前端人员必看CSS命名规范
- CSS编码规范 - (摘自百度FEX-team)