如何将背景图像拉伸到整页和不同高度的不同页面？

Question

我有这张图片“忽略图片顶部的红线”

我希望这个图像是我的html页面的背景，它以白色开头，以蓝色结束，所有我想要的是：使用css根据页面高度在背景中拉伸此图像，例如在某些图像中页面高度变为2000px，在浏览器中滚动，有些页面高度为1000px，我需要所有页面使用相同的背景图像，并使用css进行拉伸。

我想让它在所有浏览器上运行，包括IE 7,8,9

我试图做的是：

div.fullscreen
{
    display: block; /*set the div in the top-left corner of the screen*/
    /*set the div in the top-left corner of the screen*/
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-image: url("../images/landingpage_bg.png");
    background-repeat: repeat-x;
}

但它没有伸展好。

Answer 1

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;
    background-repeat: repeat-x;
}

希望这会有所帮助

Answer 2

唯一的方法是裁剪你的照片，用repeat-x将它放到背景底部，然后在body \ html上使用border-top，或者你将用于你的照片