opacity兼容性问题
2024-08-29 00:32:18
用来设定元素透明度的 Opacity 是CSS 3里的一个属性。当然现在还只有少部分浏览器支持。
不过各个浏览器都有自己的私有属性来支持,其中包括老版本的Mozilla和Safari:
IE: filter:alpha(opacity)
Mozilla: -moz-opacity
Safari: -khtml-opacity
很不幸的是,你没看见Opera,老版本的Opera并没有什么私有属性可以代替opacity。(新版Opera已经支持opacity)
所以以前用CSS设定一个元素半透明的话,可能会这样写:
.opacity{
filter:alpha(opacity=50); /* IE */
-moz-opacity:0.5; /* 老版Mozilla */
-khtml-opacity:0.5; /* 老版Safari */
opacity: 0.5; /* 支持opacity的浏览器*/
}
用javascript来设定一个元素为半透明:
.object.filter = "alpha(opacity=" + opacity + ")"; /**//* IE */
.object.MozOpacity = (opacity / ); /**//* 老版Mozilla */
object.KhtmlOpacity = (opacity / ); /**//* 老版Safari */
object.opacity = (opacity / ); /**//* 支持opacity的浏览器*/
效果如下图:
最新文章
- iOS切图文件的命名规范
- js继承《转》
- 读懂IL代码就这么简单(二)
- 使用LaTeX编辑数学公式
- HDU-统计难题
- maven中添加servlet、jsp依赖
- Java学习——接口Interface
- YYHS-NOIP2017Training0921-逆光
- 面向对象基础及UML建模语言
- python标准模块(下)
- MVC5 一套Action的登录控制流程
- Generator 知识点
- [转]查看SQL Server被锁的表以及如何解锁
- 【DL.AI】《Structuring Machine Learning Projects》笔记
- 修复PlatformToolsets丢失问题(为VS2013以上版本安装VC90,VC100编译器)
- 阿里八八——预则立&;&;他山之石
- [oracle] update语句卡住问题
- 20145231熊梓宏 《网络对抗》 实验9 Web安全基础实践
- Shell输出颜色设置
- Linux文档类型