带有 rgb/rgba 和后备的 CSS3 跨浏览器渐变背景答案

【问题标题】：CSS3 Crossbrowser Gradient Background with rgb/rgba and fallbacks带有 rgb/rgba 和后备的 CSS3 跨浏览器渐变背景
【发布时间】：2011-09-11 18:47:30
【问题描述】：

我想尝试使用 rgb 值获得跨浏览器渐变效果，并在浏览器不支持的情况下使用回退。

我相信我已经涵盖了大多数浏览器，但我有几个问题：

我是否遗漏了其他常用的浏览器，以及 iPad/智能手机等设备需要哪些属性，或者它们是否会从当前使用的属性之一呈现？
如果偶然没有渲染渐变，是否有原始的background: rgb(50, 50, 50); 足以生成纯色？
使用filter 值，我无法通过使用rgb 值来使其工作，不得不求助于使用hex 值，这并不是说这是一个大问题，但我'我试图只使用rgb 值。有没有办法解决这个问题还是它只是不接受它们？
如果我要使用rgba 而不是rgb，那么我需要一个rgba 渐变背景值，一个rgb 渐变背景值作为不渲染alpha 透明度的后备如果根本没有渲染渐变，那么纯色背景会退回吗？还是浏览器会忽略 alpha 透明度值，只显示 rgba 中的 rgb 而没有单独的 rgb 背景回退？
作为最后的后备方案，是否需要在 CSS 属性的开头设置 hex 值？我想添加hex 值并没有什么坏处，但使用rgb 的想法是如果rgba 可用，它可以在整个站点中快速轻松地更改颜色。因此，回退hex 值将使使用rgb/rgba 对我打算使用它的用途毫无意义，因为无论如何我都需要检查并编辑所有hex 值。

我进行了一些搜索，示例各不相同，理解在不同的人之间被误解，我只是试图创建一个准确的工作示例来获得预期的结果。

【问题讨论】：

【解决方案1】：

我可以向您推荐这个网站来帮助您处理渐变和后备：
http://www.colorzilla.com/gradient-editor/

【讨论】：

这绝对是一个了不起的生成器，非常感谢西蒙！一些问题仍然存在，例如如果浏览器不读取rgba，它是否只是读取rgb 值并忽略alpha 透明度？是否还需要 hex 值作为最终后备？
@JoeMottershaw 我对 Colorzilla 的 Ultimate 渐变编辑器的热爱无法衡量（+1），但如果你想使用其他东西，比如圆角和阴影，我会扔掉在css3pie.com - 请注意，该网站本身就是一个演示阴影和圆角如何在其中工作的演示。