可以在不重复像素棒的情况下实现从颜色 A 到颜色 B 的背景颜色过渡吗？答案

【问题标题】：possible to have a background color transition from color A to color B without repeating a pixel stick?可以在不重复像素棒的情况下实现从颜色 A 到颜色 B 的背景颜色过渡吗？
【发布时间】：2011-02-13 03:36:00
【问题描述】：

对于菜单栏和标题之类的东西，背景颜色很好。

但是从蓝色到白色优雅过渡的背景颜色更好。

我知道这可以通过制作一个 1 像素宽、X 像素高的图像文件来完成，其中包含所需的淡入淡出并在 div 中重复它，但是 CSS 是否具有仅定义颜色并完成它的原生支持？

任何其他语言都可以处理这个吗？

【问题讨论】：

看这里link text

标签： css background-image background-color

【解决方案1】：

使用 CSS3，您可以做到这一点。然而，CSS3 并没有被浏览器广泛支持，因此只有最新的浏览器（甚至不是所有浏览器）能够显示渐变。除非您只对使用那些可以做到这一点的浏览器感兴趣，否则您将不得不坚持使用 1px 背景图像。

http://www.quirksmode.org/css/contents.html

http://www.w3.org/Style/CSS/current-work#CSS3

【讨论】：

【解决方案2】：

你是说渐变？

Webkit 浏览器（Chrome 和 Safari），显然 FF 3.6 现在支持 CSS 渐变： see this link

根据文章，即使 IE 也有一些专有的 CSS 渐变支持，但我不知道它的效果如何。不过，您应该始终回退到纯色。

【讨论】：