我需要背景图像精灵根据容器的宽度调整大小,而不显示整个精灵,背景大小: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:contains,但那些不适用于sprite。我需要使用精灵来处理每个图标的各种状态(悬停/活动/非活动)。
我能做些什么 - 考虑到我的绝望,黑客的解决方案是可以的!
以下是我的完整代码的小提示:http://jsfiddle.net/Pw7fL/