html - 背景不拉伸(stretch)到屏幕大小

Question

我已经使用了这段代码，但只有宽度在拉伸(stretch)。我希望整个图像拉伸(stretch)到全屏。

jsFiddle

body
{
    margin: 0px;
    padding: 0px;
    color: white;
    font-family: Verdana;
    background-size: 100% auto;
    background-image: url(http://p1.pichost.me/i/40/1639647.jpg);
}

Answer 1

这是我喜欢使用的一种方法:

JS Fiddle

body { 
  background: url(http://p1.pichost.me/i/40/1639647.jpg) no-repeat fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}