ie6 png css 实战

<style type="text/css">

* html #wrapper { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="/publish/gxyjy/images/content_bg.png"); background:none;}
#content a{ position:relative;}

</style>
<div id="wrapper"></div>
语法：
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 地址指定背景图像。假如忽略此参数，滤镜将不会作用。
======================================================================================

引用：


第一种，适用于图片做背景的时候。代码：

.first { width:400px; margin:0 auto; height:300px; background:url(images/bg1.png); }

* html .first { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/bg1.png"); background:none; }

第二种，适用于PNG图片放在页面上的时候

/*-------------IE6-PNG透明------------------------*/
* html img,
* html .png{
    behavior: e?xpression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
        
    );
}