背景大小的100％，在IE8和IE7不工作(Background-size 100% not wor

我有包含的背景图像比所述容器的尺寸更大的空div。 解决这个由一个background-image与所述值（100％100％）属性。 直到你打开IE8和IE7的例子很好。 对于任何解决方案，甚至一个javascript脚本或jQuery插件？

即： http://jsbin.com/imirer/1/edit

即： http://jsfiddle.net/bPTzE/

HTML：

<div class="container">
    <div class="background"></div>
</div>

CSS：

.container {
    /* an example width for responsive perpose */
    width: 500px;
}

.background {
    height: 27px;
    background: url("http://s18.postimage.org/jhbol7zu1/image.png") no-repeat scroll 100% 100% transparent;

    /* not working in IE8 and IE7 */
    background-size: 100% 100%;
}

Answer 1:

因为背景的大小是不支持IE浏览器CSS3特定你必须做这样的事情为它工作在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>

**你将不得不使用某种复位删除边距和补，这样的事情

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

Answer 2:

背景大小不是IE7和IE8的支持。

你可以用另一种方式把“标签”在div标签，并添加宽度100％它。 这是充满了可扩展性。

试试这个代码：

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

要么

HTML：

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

CSS：

.container img {
     width:100%
 }

文章来源: Background-size 100% not working in IE8 and IE7