CSS3 跨浏览器渐变背景与 rgb/rgba 和后备

Question

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

jsFiddle 示例： http://jsfiddle.net/HelloJoe/hUxdh/

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

1. 是否有我错过的其他常用浏览器，以及 iPad/智能手机等设备需要哪些属性，或者它们会从当前使用的属性之一渲染？

2. 如果偶然未渲染渐变，则原始背景：rgb(50, 50, 50);是否足以生成纯色？

3. 使用 filter 值时，我无法通过使用 rgb 值来使其工作，而不得不求助于使用 hex 值，并不是说这是一个大问题，但我尝试只使用 rgb 值。有没有办法解决这个问题，或者它只是不接受它们？

4. 如果我要使用 rgba 而不是 rgb，那么我需要有一个 rgba 渐变背景值，一个 rgb 渐变背景值作为不渲染 alpha 透明度的后备，然后在根本没有渲染渐变的情况下使用纯色背景后备？或者浏览器会忽略 alpha 透明度值并仅显示 rgba 中的 rgb 而无需单独的 rgb 背景回退吗？

5. 作为所有事情的最后后备方案，是否需要在 CSS 属性的开头设置一个 hex 值？我想添加一个 hex 值没有什么坏处，但是使用 rgb 的想法是，如果 rgba 可用，那么它可以快速而简单地实现整个网站的颜色发生变化。因此，拥有一个后退的hex值将使使用rgb/rgba对于我想要的用途来说毫无意义，因为我需要遍历并编辑所有无论如何，>hex 值。

我做了一些搜索，示例各不相同，不同的人之间的理解被误解，我只是尝试创建一个准确的工作示例来获得所需的结果。

Answer 1

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