使用CSS滤镜 让png图片在IE6下透明的方法

        我们经常在网页制作的时候，会碰到图片需要png透明，让这个图片叠加在一个层上面，而可恶的IE 6又不支持 图片png24，32格式的透明，这个时候需要怎么办？ IE 特有的滤镜方法这个时候就可以派上用场了，下面来探讨这个问题。怎么使用使用CSS滤镜 让png图片在IE6下透明的方法。

 

先来看看，css写法。
 

       一、在Firefox, Safari, Chrome和Opera下的CSS透明度： myElement { opacity: .7; }  
　　上述语法将设置一个元素为70％不透明（或30%透明）。设置opacity:1将使元素不透明，而设置opacity:0将使得元素完全不可见。你 只要记住“opacity”等同于“不透明”就很容易记住了，opacity值越小就越接近透明。 opacity属性可以精确地小数点后两位，所以值取“.01”和“.02”实际上是不同的，虽然可见度很难被发觉。一般情况下，精确到一位就可以了，取值如“.3”或“.7”。 

　　二、IE下的CSS透明度 
　　IE下照旧有别于其他浏览器，并且目前也有三个不同版本的IE在广泛使用，透明度设置是不同的，有时需要额外的CSS来控制： 
　　#myElement {      filter: alpha(opacity=40);  }  
　　上面的CSS使用专用的filter属性来设置IE6-8透明度。对于IE6和IE7需要注意：为了使得透明设置生效，元素必须是“有布局”。一个元素可以通过使用一些CSS属性来使其被布局，有如width 和 position。#myElement {      filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);     
 

　
　　三、使用JavaScript设置和改变CSS透明度 
　　您可以使用下面的语法访问JavaScript中的CSS opacity 属性： 
　　document.getElementById("myElement").style.opacity = ".4";  
　　// 针对所有现代浏览器  document.getElementById("myElement").style.filter = 　　 "alpha(opacity=40)";


　　四、使用JQuery设置和改变CSS透明度 
　　$("#myElement").css({ opacity: .4 }); // 所有浏览器有效 

 

        以上是怎么使用CSS滤镜 让png图片在IE6下透明的方法。在做动画或者，png滤镜透明的时候都可以拍上用场。 在IE6下，有时候出来png格式透明的时候，还是满不错的。大家不凡可以试试。

---