2010-02-24 102 views
4

嘿,我正在开发一个网站,我想显示一个具有半透明背景的div,以便页面背景可见。 我希望这可以在所有浏览器上运行。 我很好使用CSS,JS或jQuery的... 请给我建议,如果可能的一些示例代码..提前半透明div在网页

感谢, 拉吉

回答

0

对于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是完全透明的。

希望有帮助! ;-)

+0

所以,你只是写的JavaScript的CSS ?为什么不直接写CSS呢? – 2010-02-24 03:40:43

+0

他说他用JS很好。就我而言,我对“经典”元素(如div,span,等等)的工作并不多。我一直在玩帆布。因此,我不再使用样式表了。由于我非常喜欢JavaScript,所以如果我有大量的CSS和大量的JavaScript,就会发现它很混乱,并且会干扰元素的风格。当然,如果你正在设计一个静态网站,使用