Css 背景大小100%不适用于IE8和IE7

我有一个空div，其中包含一个大于容器大小的背景图像。我通过

backgroundimage

属性的值（100%100%）来修复这个问题。在您在IE8和IE7中打开示例之前，这没关系。有没有解决方案，哪怕是javascript脚本或jquery插件

i、 e:

i、 e:

HTML:

---

ie7和ie8不支持背景大小

另一种方法是在div标记中使用put'tag'并为其添加100%的宽度。它是完全可伸缩的

请尝试以下代码：

<div class="container">
    <img src="http://s18.postimage.org/jhbol7zu1/image.png" width="100%" />
</div>

---

由于背景大小是特定于CSS3的，IE不支持这一点，所以您必须执行类似的操作才能在IE中工作

将html和正文设置为

html {overflow-y:hidden}
body {overflow-y:auto}

用div#页面背景将要全屏显示的图像包装起来

#page-background {position:absolute; z-index:-1}

然后把它放到你的html文件中

<div id="page-background">
  <img src="/path/to/your/image" width="100%" height="100%">
</div>

---

IE7-8不支持background size属性，请参阅：我认为这是同一个问题：为什么在div中使用div来设置背景？希望你能意识到这没有任何意义。我制作容器div只是为了一个小设备的例子，MarcinWolnyi知道darma不支持它，但我需要一些JS解决方案，你能再详细解释一下吗？

.container img {
     width:100%
 }

html {overflow-y:hidden}
body {overflow-y:auto}

#page-background {position:absolute; z-index:-1}

<div id="page-background">
  <img src="/path/to/your/image" width="100%" height="100%">
</div>

html, body {height:100%; margin:0; padding:0;}