码迷,mamicode.com
首页 > Web开发 > 详细

CSS 之 Opacity多浏览器透明度兼容处理

时间:2019-08-19 09:43:25      阅读:109      评论:0      收藏:0      [点我收藏+]

标签:object   css   一个   mozilla   alpha   设定   透明度   opacity   city   

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 / 100); /* 老版Mozilla */
object.KhtmlOpacity = (opacity / 100); /* 老版Safari */
object.opacity = (opacity / 100); /* 支持opacity的浏览器*/

CSS 之 Opacity多浏览器透明度兼容处理

标签:object   css   一个   mozilla   alpha   设定   透明度   opacity   city   

原文地址:https://www.cnblogs.com/zhongzhipeng/p/11375199.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!