在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

上一篇:VIN码识别/车架号识别独家支持云识别


下一篇:ie6的兼容总结