ie6背景透明的设置方法 ie6背景颜色透明和png图像透明解决方法

IE6浏览器，让我们又爱又恨。爱它的是，可以让我们写的代码的时候，可以更标准，恨的是，它有太多无厘头的IE6常见bug（详情点击），让我们焦头烂额。现在现在用百度浏览器调查，国内占有率不到6%了，但是，就怕碰到需要调兼容ie6的网站。其中，一个IE6常见问题就是IE6透明背景问题了。透明背景主要分背景颜色透明和背景图片或者png图片透明问题。

一、IE6背景颜色透明

一般浏览器，给一个盒子透明背景写法是 :opacity: 0.5;-moz-opacity: 0.5;-webkit-opacity: 0.5;-khtml-opacity: 0.5;其中 -moz-是火狐前缀 -webkit-是谷歌和苹果浏览器前缀 -kthml-为了linux桌面系统浏览器 IE6背景透明需要借助于滤镜 ： filter:alpha(opacity=50);要用正版IE6测没问题哈，有时候ietester不好用，我们也知道ietester本来就是不是那么完整的。ie8也比较特殊 ： -ms-filter: "PRogid:DXImageTransform.Microsoft.Alpha(Opacity=50)";这样差不多，就搞定了所有浏览器透明背景的问题。

二、IE6关于png图片背景透明的问题

首先ie6不是不支持png图片透明，ie6是支持png8图片透明的，只是不支持png24和png32图像透明。因此我们再制作图片需要透明的时候，如果要考虑IE6,最好用png8格式的。ps和firework都可以选择导出的png版本。我们也知道，png8颜色没有png24那么丰富，有时候，必须要用png24，因此，小强老师给大家准备了一个js文件，这个js专门解决ie6 png 24透明问题的。它可以让整个页面的png图片都透明，不需要一个一个图片的解决了，很省力，而且用法也很简单。用法如下：第一步，把以下代码拷入到页面中。注意路径的问题哦!<script src="iepng.js" type="text/javascript"></script><script type="text/Javascript"> EvPNG.fix('div,ul,img,li,input,span,b,h1,h2,h3,h4,a');</script>红色部分是选择器，大部分都包含了,其实不用*来代替的。第二步，把以下js文件，放入我们站点内就可以了。到现在为止，还是比较好用处理IE6PNG图片透明问题的方法。以上是小强老师给大家分享的，希望对大家有所帮助。小强零零壹，和你一起分享知识。js文件下载：请点击这里