50% 背景 + 渐变答案

【问题标题】：50% background + gradient50% 背景 + 渐变
【发布时间】：2010-06-16 09:21:27
【问题描述】：

我想为我的网页添加渐变背景（黄色边框标记的区域是显示实际内容的区域），并且我希望它只占页面的 1/2（底部）： alt text http://img14.imageshack.us/img14/8453/50gradientbackground.png

我相信这可以通过 CSS 实现，但到目前为止我只设法获得了渐变背景（占据页面的整个高度）。

非常感谢您！

【问题讨论】：

【解决方案1】：

你可以这样做：

#background {
background: url('GRADIENT-IMAGE-URL') 50% center THE-KIND-OF-REPEAT;
height: THE-HEIGHT;
width: THE-WIDTH;
}

这里的 50% 表示背景图片将位于距离顶部 50% 处。

【讨论】：

【解决方案2】：

这是我最终设法解决的解决方案：

background: url('IMAGE-URL') bottom repeat-x;

【讨论】：