制作背景 100%答案

【问题标题】：Making a background 100%制作背景 100%
【发布时间】：2011-05-30 17:35:09
【问题描述】：

我有一个 1600x1200 像素的图像，我正在尝试做“twitter 背景效果”（图像是固定的并且不重复），但有点不同。

我知道你可以像这样在正文中设置图像：

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

或

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

就像推特一样

但是，图像的完整高度没有显示。宽度很好。我希望图像长度为 1200 像素，因此会显示图像的全高。

有什么办法吗？

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

【问题讨论】：

【解决方案1】：

你看过这个吗：

通过使用：

背景图片：url（你的-bg-image.jpg）；背景重复：不重复；背景位置：中心中心；背景附件：固定； -o-背景大小：100% 100%，自动； -moz-背景大小：100% 100%，自动； -webkit-背景大小：100% 100%，自动；背景尺寸：100% 100%，自动； }

【讨论】：

【解决方案2】：

只有 CSS，非常干净，实际上做得很好：

【讨论】：