javascript如何設置指定標簽的透明度:在實際應用中，可能需要動態的設置標簽的透明度，現在就以div為例子介紹一下如何實現此效果。代碼實例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author"
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/
