html,body{
width: 100%;
height: 100%;
}
body{
/*background-repeat: no-repeat;*/
background-size: 100% 100%;
}
这个非常关键，不知道网上为什么完全搜不到，就好像没有这个知识点，搜到的都是些瞎扯淡的东西。
我一开始不知道很烦恼，原来要设置html和body的宽高都为100%，dom元素们才有一个基准，要不然怎么设置background-size都是白瞎，是否repeat根据自己需要，如果你的背景图片足够大，这世界上再没有一台显示器能大过你这图片的尺寸了，你就可以不用加上。否则客户显示器可能大过你的背景图片的话可以加上
原文：http://www.cnblogs.com/qdog/p/7102444.html