你的位置:首页 > Java教程

[Java教程]javascript如何设置指定标签的透明度


javascript如何设置指定标签的透明度:
在实际应用中,可能需要动态的设置标签的透明度,现在就以div为例子介绍一下如何实现此效果。
代码实例如下:

 

<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部落</title><style type="text/css">#box{ width:300px; height:300px; background:red; margin:0px auto; overflow:hidden;}#inner{ width:50px; height:50px; background:green; margin:0px auto; margin-top:125px;}</style><script type="text/javascript"> window.onload=function(){ var inner=document.getElementById("inner"); if(document.all){  inner.style.filter='alpha(opacity=50)';  } inner.style.opacity="0.5";}</script> </head> <body> <div id="box"> <div id="inner"></div></div></body> </html>

 

以上代码可以将div设置为半透明效果,由于IE8和IE8以下浏览器不支持opacity方式设置透明度,所以要进行兼容性设置,这里不多介绍了,可以参阅CSS如何设置div背景透明度且兼容性良好一章节。使用document.all可以判断是否是IE浏览器。 

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=11832

更多内容可以参阅:http://www.softwhy.com/javascript/