制作背景100％

Question

我的图像是1600x1200px，我正在尝试“推特背景效果”（图像固定且不重复），但有点不同。

我知道你可以在身体中设置图像：

    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;
}

Answer 2

仅限CSS，非常干净且实际上做得很好：

http://webdesign.about.com/od/css3/f/blfaqbgsize.htm