不同浏览器中的Opactiy属性Css Opacity hack

时间:2014-01-29所属栏目: Html+css 来源: 热度:

Css hack 不同浏览器中的Opactiy属性

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的浏览器*/
}
标签:
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)