div透明效果

<DIV id="bbp_toolbar" style="display:block; filter:alpha(opacity=75);">
<div   id="Layer1"   style="position:absolute;   width:200px;  height:115px;left:50px;top:50px;FILTER:alpha(opacity=20);background-color:blue"></div>

filter:alpha(opacity=30);-moz-opacity: 0.6;opacity: 0.6;
---------------- 设置属性：FILTER:alpha(opacity=20); --------------------

仅支持 FF
<script>document.getElementById("Layer1").style.opacity = "0.5";</script>

IE Only
<script>document.getElementById("Layer1").style.filter = "alpha(opacity=50%)";</script>

<div  id="Layer1"   style="position:absolute;   width:200px;   height:115px;left:50px;top:50px;FILTER:alpha(opacity=20);background-color:blue"></div>

filter:alpha(opacity=30);-moz-opacity: 0.6;opacity: 0.6;

---------------- 设置属性：FILTER:alpha(opacity=20); --------------------

仅支持 FF
<script>document.getElementById("Layer1").style.opacity = "0.5";</script>

IE Only
<script>document.getElementById("Layer1").style.filter = "alpha(opacity=50%)";</script>

为了达到给层设置半透明的效果时，在IE和firefox下也有所不同，IE下，style的filter属性有Alpha值可供使用，而firefox下没有Alpha值，所以得指定style的MozOpacity，代码见下：

<script language="javascript">  
//设置一个id为screen的div的透明度为45%，在IE下：  
document.getElementById("screen").style.filter="Alpha(Opacity=45)";  

//而在firefox下：  
document.getElementById("screen").style.MozOpacity="0.45";  

我们可以用CSS样式的filter（滤镜效果）对HTML的一些标记设置滤镜效果。

例：

黑白照片 filter: gray;
X光照片 filter: Xray;
风动模糊 filter: blur(add=true,direction=45,strength=30);
正弦波纹 filter: Wave(Add=0, Freq=60, LightStrength=1, Phase=0, Strength=3);
半透明效果 filter: Alpha(Opacity=50);
线型透明 filter: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=140);
放射透明 filter: Alpha(Opacity=10, FinishOpacity=100, Style=2, StartX=30, StartY=30, FinishX=200, FinishY=200);
白色透明 filter: Chroma(Color=#FFFFFF);
降低色彩 filter: grays;
底片效果 filter: invert;
左右翻转 filter: fliph;
垂直翻转 filter: flipv;
投影效果 filter:progid:dXImageTransform.Microsoft.DropShadow(color=#cccccc,offX=5,offY=5,positives=true);
马赛克 filter:progid:dXImageTransform.Microsoft.Pixelate(maxsquare=3);
发光效果 filter:progid:dXImageTransform.Microsoft.Glow(color=#cccccc,Strength=5);
柔边效果 filter:alpha(opacity=100, finishOpacity=0,style=2

兼容ff和IE的div透明度设置，css代码和js代码
#AdLayer{   

1.      filter:alpha(opacity=30);   
2.      -moz-opacity: 0.6;   
3.      opacity: 0.6;   
4.     position:absolute;   
5.     width:61px;   
6.     height:59px;   
7.     z-index:20;   
8.     visibility:hidden;   
9.      left: 600px;   
10.      top:300px;   
11. }  

function run(){   
    if (navigator.appName.indexOf("Internet Explorer") == 10){   
    alert("IE浏览器："+document.getElementById('div1').filters.alpha.Opacity);   
    }else{   
    alert("FF浏览器："+document.getElementById('div1').style.opacity);   
    }   
}