您可以强迫IE8识别背景大小：100％吗？

我需要背景图像精灵根据其容器的宽度调整大小,而又不显示整个精灵,而background-size：100％可以做到这一点,就像这样：

#featured ul.icon-controls li.prevention {
   background:url(img/ico1.png) no-repeat;
   background-size:100%;
   height:60px;
   width:50px; 
   background-position: 0 -113px;
}

但是,a,我必须支持不支持背景尺寸的IE8.我发现了诸如backgroundSize.js之类的脚本,该脚本强制IE8呈现background-size：cover和background-size：contain,但这些脚本不适用于sprite.而且我需要为每个图标的各种状态使用一个精灵(悬停/活动/不活动).

有什么我能做的-考虑到我的绝望,hacky解决方案还可以！

这是我完整代码的小提琴：http://jsfiddle.net/Pw7fL/

解决方法:

看看这个！

https://github.com/louisremi/background-size-polyfill

我发现它很容易使用！

标签：html,javascript,css,css3,internet-explorer-8
来源： https://codeday.me/bug/20191009/1878189.html