在IE6下使用filter设置png背景

今天帮别人解决问题学会了一个在IE6下使用filter设置png背景，具体css写法如下：

.login_form_wrap {
width: 778px;
height: 360px;
background: url(../images/air/v_login_bg.png) no-repeat 0 0;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="https://auth.sina.com.cn/oauth2/style/vdisk/images/air/v_login_bg.png");
margin: 0 auto;
position: relative;
}

 

这样可以兼容主流浏览器和ie6的png背景图片。

filter属性的具体使用方法如下：

（本段出处：http://www.cnblogs.com/4inwork/archive/2009/03/11/1408979.html）

 

核心代码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 地址指定背景图像。假如忽略此参数，滤镜将不会作用。


已知问题：
滤镜会使图片覆盖在文本层之上，使超链接和按钮等失效。并没有设置为背景的选项。

尚不完美的解决方法：
将div、链接或按钮设置相对位置，使之浮动。

1.此法文字仍会显示为在半透明下的模糊效果。
2.div/label/gridview等长度的变化将不会引起容器长度的自动适应。

时间: 2014-03-20 18:28:26