半透明div在網頁

嘿，我正在開發一個網站，我想顯示一個具有半透明背景的div，以便頁面背景可見。我希望這可以在所有瀏覽器上運行。我很好使用CSS，JS或jQuery的... 請給我建議，如果可能的一些示例代碼..提前半透明div在網頁

感謝，拉吉

2010-02-24 Raj

對於CSS兼容的瀏覽器：Element.style.opacity =從0-1
對於IE [又名，魔鬼]十進制：element.style.filter = 「α（不透明度=」 +（0-100號）+ 「）」

實例上：http://www.w3schools.com/Css/css_image_transparency.asp

請注意，div中的文本/內容將也變成半透明的。

實施例，其設定div的不透明度爲50％：

var myElement = document.body.getElementById("elemId"); 
myElement.style.opacity = 0.5; 
myElement.style.filter = "alpha(opacity=50)"; //For the devil, IE

順便說，1 [或在IE中，100的情況下]是全可見的，而0是完全透明的。

希望有幫助！ ;-)

來源

2010-02-24 03:10:32 Warty

所以，你只是寫的JavaScript的CSS ？爲什麼不直接寫CSS呢？ – 2010-02-24 03:40:43

他說他用JS很好。就我而言，我對「經典」元素（如div，span，等等）的工作並不多。我一直在玩帆布。因此，我不再使用樣式表了。由於我非常喜歡JavaScript，所以如果我有大量的CSS和大量的JavaScript，就會發現它很混亂，並且會干擾元素的風格。當然，如果你正在設計一個靜態網站，使用

半透明div在網頁

回答