IE 6下图片与背景图片的透明

一般的透明的图片，我们分两种，一种是实际图(即img 元素)，一个是背景图(background)。

　1.先说背景图：

　　简单来说就两句话：
　　　/*for IE7 and FF*/
                 html>body .div{background:url(../img.png) no-repeat ;}
        /* for IE6 */
                  * .div { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='.../img.png', sizingMethod='crop' ); }

     2. 实际图：

　      我们得借用一个js(见附件 )———透明js.js
　然后在我们页面的头部引用js

<!--[if gte IE 5.5000]>
<script  defer  type="text/javascript" src="js/pngfix.js"></script>
<![endif]-->

好了，这样大功告成。

 

再补充一下有关那个css属性：

 

            语法:filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )

             属性：
enabled :可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false
　　　　　　true :默认值。滤镜激活。
　　　　　　false : 滤镜被禁止。

sizingMethod :可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。 crop : 剪切图片以适应对象尺寸。
　　　　　　　　image :默认值。增大或减小对象的尺寸边界以适应图片的尺寸。
　　　　　　　　scale :缩放图片以适应对象的尺寸边界。
　　　　　　　　src :必选项。字符串(String)。使用绝对或相对 url 地址指定背景图像。假如忽略此参数，滤镜将不会作用。

   这样我们就解决了图片背景的透明问题.