你能强迫IE8识别背景大小:100%?

时间:2014-02-08 20:49:35

标签: javascript html css css3 internet-explorer-8

我需要背景图像精灵根据容器的宽度调整大小,而不显示整个精灵,背景大小: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/

1 个答案:

答案 0 :(得分:1)

看看这个!

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

我发现它很容易使用!