前端开发
CSS
CSS 布局

ie8兼容background-size？

关注者
17
被浏览
22,827

2 个回答

这个的解决办法网上搜得到，给你贴下吧：

>>filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.gif',sizingMethod='scale');

-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.gif',sizingMethod='scale')";

但问题是只能background-size:100%，不能直接指定任意大小background-size

方法一：

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif',
sizingMethod='scale')";

①不能指定任意大小background百分比，可用cover，

②用于单张图片不能使用图片精灵等拼图，

③要引用绝对路径图片，

④兼容ie7，8

方法二：

.selector { background-size: cover; -ms-behavior: url(/backgroundsize.min.htc); }

GitHub - louisremi/background-size-polyfill: Adds support for background-size "cover" and "contain" to IE8

①可指定百分比，

②.htc要相对文档路径，

③兼容ie7，8

参考答案：IE 8: background-size fix [duplicate]