Css透明度

全透明代码:{background:transparent} 

半透明代码:{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%} 

 

* 针对IE：filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。 

* FF：opacity:0.6。 



****************************************

* 针对IE：filter:alpha(opacity=20)              IE9中可以，但在 IE9 以下（IE8,IE7,IE6）的浏览器都不行。

* opacity:0.2 是针对火狐，谷歌的

[注] 最好两个都写，并将opacity属性放在下面。 




 filter:alpha(opacity=7);-moz-opacity:0.7;opacity:0.7;            兼容各种浏览器


----------------------------------------------------------------------------------------------

-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;

 ------------------------------------------------------------------------------------

  元素透明度时常是个恼人的问题，下面这种方式可以实现所有浏览器下的透明度设置：

.transparent {
  zoom: 1;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

 

Javascript代码如下：

 

<script>
            window.onload = function(){
                var myDiv = document.getElementById("div");
                myDiv.onclick = function(){
                    myDiv.style.opacity = ".4"; //针对所有通用浏览器
                    myDiv.style.filter = "alpha(opacity=40)"; //针对IE浏览器
                }
            }
  </script>