html - 制作背景 100%

Question

我有一张 1600x1200 像素的图片，我正在尝试做“twitter 背景效果”(图片固定且不重复)，但有点不同。

我知道你可以这样设置正文中的图像:

    background: url("background1.jpg") no-repeat fixed center #000;

或

    background: url("background1.jpg") no-repeat fixed 0 0 #000;

就像推特一样

然而，然后，图像的全高不显示。宽度没问题。 我希望图像的长度为 1200 像素，因此会显示图像的完整高度。

有什么办法吗？

为了更清楚一点，我在 GIMP 中画了这张极其详细的图表:

Answer 1

你看过这个吗:

http://bavotasan.com/downloads/full-sizebackground-image-jquery-plugin/

通过使用:

background-image: url(your-bg-image.jpg);
background-repeat:no-repeat;
background-position:center center;
background-attachment:fixed;
-o-background-size: 100% 100%, auto;
-moz-background-size: 100% 100%, auto;
-webkit-background-size: 100% 100%, auto;
background-size: 100% 100%, auto;
}