Jquery 如何在所有浏览器中使用垂直渐变背景？

如果你想得到一个从白色到灰色的垂直渐变背景，你会怎么做呢？

让它在几乎所有浏览器中都能工作的唯一方法就是使用一个图像。

你可以用CSS来做，看看吧

它在好的浏览器中使用CSS3属性，在使用IE时使用IE的property

filter

属性

CSS …产生

我建议在x轴上重复渐变图像，然后使用与底部渐变颜色匹配的纯色。在我的例子中，这将是

#eee

最终的结果是这样的：

AAAAAA <- start gradient image
BBBBBB
CCCCCC
DDDDDD
EEEEEE <- end gradient image
EEEEEE <- start solid color until end of document

---

AAAAAA听起来很有趣。。。虽然我不知道怎么做，但你会怎么做？…即使这样，图像也无法缩放。实际上，你可以将其缩放到。提示：你应该使图像只有一个像素宽，水平重复，所以这就是你所需要的。@Sebastian Patane Masuelli（在我的快速谷歌搜索中）可能没有。事实上，是：@Sebastian Patane Masuelli上面说它在哪里兼容IE6？我一定是瞎了：P@alex：它没有指定IE6，但我在netrenderer上测试了他们的演示页面：[对于IE6，它显示了渐变@@Sebastian Patane Masuelli太棒了！
background: url('vertical-gradient.jpg') repeat-x #eee

AAAAAA <- start gradient image
BBBBBB
CCCCCC
DDDDDD
EEEEEE <- end gradient image
EEEEEE <- start solid color until end of document