不支持background-size的IE浏览器背景自适应问题

原创于 2019-10-10 21:03:57 发布 · 329 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#背景自适应

JS 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种在CSS中使用AlphaImageLoader滤镜和background-size属性来实现背景图片自动缩放到100%宽高的方法，适用于不同屏幕尺寸的显示优化。

样式中添加

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='1.jpg',sizingMethod='scale');

.selected{
	background:url("image/rbbg6.gif")no-repeat center ;
    background-size:100% 100%;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-o-background-size:100% 100%;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/rbbg6.gif',sizingMethod='scale');
}