【翻譯作品】JavaScript CSS修改學習第四章：透明度設定

文章目錄

• 測試結果

今天我打算使用一些元素的透明度設定來實現淡出淡入效果。但是有些瀏覽器對於某些元素的透明度設定支援不夠。而且要設定表格的透明度，幾乎在所有的瀏覽器裡面都不可能。

這裡是測試頁。

在JavaScript裡面設定透明度

我用下面的代碼來設定透明度：

function setOpacity(value) {testObj.style.opacity = value/10;testObj.style.filter = 'alpha(opacity=' + value*10 + ')';}
在Mozilla和Safari裡使用opacity，IE使用filter。value的值從0到10。
 
測試結果
IE說明：一個元素必須有一個layout來執行filter。並且IE6對於元素的left margin有很奇怪的表現。
 
翻譯地址：http://www.quirksmode.org/js/opacity.html