Now online
« 108下钟声君子固穷,小人穷斯滥矣 »

Css Opacity 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的浏览器*/
}

分享家:Addthis中国

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Sponsor Ad

本月热榜

随机文章

热文排行

最近评论