使用IE的滤镜 filter想兼容background-size:cover,但在IE8中还是没有兼容?
图片并没有全屏显示,是否是filter不支持相对路径
.error_body{
height: 100%;
background-image:url(../images/404.png);
background-size: cover;
background-position: center;
background-attachment:fixed;
background-repeat:no-repeat;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/404.png',sizingMethod='scale');
position: absolute;
top: 0;
left: 0;
width: 100%;
}
引用 MSDN
中的说明:
This attribute is always relative to page URL. So when you define AlphaImageLoader in CSS file you should use absolute path is src, but NOT relative to CSS file location (as for normal background images).
这个滤镜中的 src 属性永远相对于页面的 URL 而不是 CSS 文件的,所以最好用绝对路径。
background-size polyfill
能够解决 background-size
的兼容性问题。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。