2012年3月27日

CSS 透明 所有瀏覽器通用寫法



CSS 透明個瀏覽器通用解法

簡介



有的時候我們需要在網頁頁面上些效果,需要將部分元件設定透明,最常使用的方法就是使用rgba(red, green, blue, alpha)或是opacity的方法去設定,但這式樣在IE中會無法正常地顯示,因此本文提供一個通用的寫法,讓各種瀏覽器都可以支援透明值的設定


filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* Moz + FF */ opacity: 0.5; /* 支持CSS3的瀏覽器(FF 1.5也支持)*/ 
其中IE與Firefox都使用了自己定義的屬性,而標準的屬性是opacity,值可以為小數點,範圍0.0~1.0。

沒有留言:

ShareThis