如何做到以下效果：网页背景图片固定切自适应浏览器高度宽度

Question

就像这样的效果：http://www.chinafilm.com/  恩 知道的请说说怎么实现的 谢谢！

Answer 1

  <style>
    body {background: url("http://pic.chinafilm.com/upimg/main/images/12.jpg")  no-repeat fixed ; }
  </style>

Answer 2

<style>
body {
background: url(http://pic.chinafilm.com/upimg/main/images/12.jpg) no-repeat fixed center top;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-ms-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
}
</style>

Answer 3

呵呵，我又找到了更好的方案。但是两套方案在IE中均不支持背景自适应大小。IE下超出则隐藏，不够则留黑。
<style>
body {
background: #000 url(http://pic.chinafilm.com/upimg/main/images/12.jpg) no-repeat fixed center top;
-webkit-background-size: 100% auto;
-moz-background-size: 100% auto;
-ms-background-size: 100% auto;
-o-background-size: 100% auto;
background-size: 100% auto;
}
</style>

Answer 4

body{background-attachment:fixed}这个就是控制背景固定的样式

Answer 5

body {
padding: 0px;
margin-top: 70px; 
margin-right: auto;
margin-left: auto;
background-attachment: fixed;
background-repeat: no-repeat;
background-image: url(http://pic.chinafilm.com/upimg/main/images/12.jpg);
background-position: center top;
font-family: "宋体";
font-size: 12px;
line-height: 20px;
margin-bottom: 0px;
}