50％背景+渐变

Question

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

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

非常感谢你！

Answer 1

你可以这样做：

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

此处50％意味着背景图片将位于顶部的50％位置。

Answer 2

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

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