IE背景大小不起作用

Question

我正在尝试使背景拉伸整个身体（仅宽度）。这仅适用于Chrome，Opera和Firefox。我怎样才能在IE上做这个工作呢？ O_O

background-size:100%;
-moz-background-size: auto 100%;
-o-background-size: auto 100%;

Answer 1

我创建了jquery.backgroundSize.js：一个1.5K jquery插件，可以用作“封面”和“包含”值的IE8后备。看看demo。

Answer 2

因为background-size是CSS3特定的，所以你必须使用这样的东西才能在IE中工作

将你的html和正文设置为

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

用div＃page-background

包装想要全屏的图像

#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 3

IE版本under 9不支持

background-size。跨浏览器解决方案是使用jquery插件，如fullscreenr。