Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/363.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 你能强迫IE8识别背景大小:100%吗?_Javascript_Html_Css_Internet Explorer 8 - Fatal编程技术网

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

Javascript 你能强迫IE8识别背景大小:100%吗?,javascript,html,css,internet-explorer-8,Javascript,Html,Css,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,它不支持

我需要背景图像精灵根据其容器的宽度调整大小,而不显示整个精灵,背景大小: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,但这些脚本不适用于精灵。我需要为每个图标的不同状态(悬停/活动/非活动)使用精灵

有什么我能做的吗?考虑到我的绝望,黑客解决方案是可以的

这是我的全部代码:

看看这个


我发现它很容易使用

有没有一种方法可以通过图像而不是背景图像来模拟滑动门技术?我在想我可以把雪碧放进一个大小的div,上面有溢出:隐藏。因此,您只能在精灵中看到一个图标。但是我不知道如何用css实现滚动功能,如果不是背景的话?我认为这只适用于包含和覆盖,对吗?这就是他们在网站上提到的全部内容。这是我上面提到的backgroundSize.js的继承者,它不适合我。但我会试一试——也许这个新的会管用!谢谢。哦,哇,刚刚尝试了这个解决方案,它确实有效,使用了背景尺寸:封面。我不知道为什么我认为我不能使用:掩护。。。当我测试它时,它显示了整个雪碧,但我一定是出了什么问题。这有点小毛病,但我会继续处理。非常感谢。