如何使用CSS混合颜色？

Question

我希望有一个带有两种颜色的盒子，顶部有银色，它应该慢慢淡入白色，就像Apple的主页背景一样。我该怎么做？

一如既往地谢谢。

Answer 1

如果您想使用CSS3，这是一个很好的例子：http://css-tricks.com/examples/CSS3Gradient/

没有CSS3，你必须处理水平重复的图像（x-repeat），类似于tvanfosson所说的。

Answer 2

你正在寻找渐变背景吗？

http://www.tizag.com/cssT/background.php

寻找“css渐变背景”

如果你谷歌有更多的文章：渐变背景css

Answer 3

基本思想是使用为您做渐变的背景图像。您将页面的背景颜色发送到渐变的“结束”颜色，然后使用CSS将渐变背景图像应用于您希望渐变流向相反方向的重复。因此，如果您想要一个100像素，银色到白色，从上到下的渐变，您将创建一个100Hx1W的像素图像，从上到下跨越您的颜色。将背景颜色设置为白色，并应用在x轴上重复的背景图像。您可以使用Photoshop或GIMP中的渐变工具轻松创建渐变。

#body
{
   background: #ffffff url(/images/bg.jpg) repeat-x;
}