IE背景大小不起作用

Question

我试图让背景拉伸整个身体(仅宽度).这仅适用于Chrome,Opera和Firefox.我怎样才能在IE上做这个工作呢？O_O

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

Answer 1

因为背景大小是 CSS3 特定的，所以你必须使用类似的东西才能在 IE 中工作

将你的 html 和 body 设置为

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;}