在IE6下使用filter设置png背景
今天帮别人解决问题学会了一个在IE6下使用filter设置png背景,具体css写法如下:
1 .login_form_wrap { 2 width: 778px; 3 height: 360px; 4 background: url(../images/air/v_login_bg.png) no-repeat 0 0; 5 _background: none; 6 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="https://auth.sina.com.cn/oauth2/style/vdisk/images/air/v_login_bg.png"); 7 margin: 0 auto; 8 position: relative; 9 }
这样可以兼容主流浏览器和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