我需要背景图像精灵根据其容器的宽度调整大小，而不显示整个精灵，并且 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;
}
但是，唉，我必须支持 IE8，它不支持背景大小。我发现了像backgroundSize.js这样的脚本，它强制IE8渲染background-size:cover和background-size:contain，但这些对精灵不起作用。我需要对每个图标的各种状态（悬停/活动/非活动）使用精灵。
我能做些什么吗——考虑到我的绝望，黑客解决方案是可以的！
这是我的完整代码的小提琴：http://jsfiddle.net/Pw7fL/
看看这个！
https://github.com/louisremi/background-size-polyfill
我发现它很容易使用！
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
