50% 背景 +坡度

Question

我想在我的网页中添加渐变背景（标有黄色边框的区域是实际内容显示的位置），并且我希望它只占页面的 1/2（底部）： 替代文本 http://img14.imageshack.us/img14/8453/50gradientbackground.png< /a>

我相信这可以通过 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;