Eric's Thinking Space 程式設計 音樂 心情 有趣 Kuso

2008/03/03

讓 IE 和 Firefox 都支援的半透明以及隱藏語法

一般而言,在IE中想讓網頁上的元素(如 div)呈現半透明,
方法是在它的style中加入:filter:alpha(Opacity=XX)
其中XX從0到100,0是完全透明。

而firefox中不支援css的filter屬性,想要呈現透明的話要在style中寫:
opacity: 0.5
此語法適用於支援CSS3的流覽器(ex: FireFox 1.5),
這裏的XX是個小數,從0到1,0也是完全透明

如果不需要半透明,只是要顯示或隱藏,就只需要在相應物件的 style 中改 visibility 屬性。
常用的是'hidden'與'visible'。這一屬性是兩種流覽器都支援的。JS中修改這一屬性的語法是
物件名.style.visibility='hidden' 而不是 對象名.visibility='hidden'

如下範例 Code:


//用JavaScript控制透明程度:
obj.style.MozOpacity=0.5 //For Firefox
obj.style.filter="Alpha(Opacity=50)" //For IE


//漸變效果 (Only for IE)
obj.style.filter="blendTrans(duration=0.5)";
obj.filters[0].apply();
obj.filters[0].play();

沒有留言: