如何创建适用于大多数/所有浏览器的渐变背景？

Question

以下是我想做的事情：

1-从上到下的渐变背景。应该有2种颜色，我们称之为color1和color2。

2-我希望渐变大约是一页，所以它从color1开始，然后用color2结束一页。

3-然后我希望color2一直向下，无论页面大小是多少。

这可能与css有关吗？

由于

Answer 1

您可以为“页面大小”创建几个像素宽的图像以及所需的垂直长度。

在CSS中，有一种方法可以控制repeating of an image。所以，你可以做一个repeat-x，让图像从左到右重复。然后，只需将您网站的背景颜色设置为第二种颜色，这样，如果您的内容进一步扩展，用户将只能看到Color2。

e.g。 CSS

body {
    background-color: #b5b5b5; /*gray*/
    background-image: url(./images/body_bg_gray_1380px.gif); /*path to wherever your bg img is...*/
    background-repeat: repeat-x;
}

Answer 2

使用简写符号：

body {background:url(images/body_bg_gray_1380px.gif) repeat-x #b5b5b5}