html - 全屏背景

Question

我希望我的背景图片完全填满浏览器窗口。我试过 CSS

body {background:url(bg.jpg) fixed no-repeat 100%}

但它没有覆盖整个屏幕。

Answer 1

css: 
background-size: cover;

我猜是你要找的。对于交叉 borswer 支持试试这个:CSS:

 html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

来源: css tricks full page background