具有 rgb/rgba 和回退的 CSS3 跨浏览器渐变背景

Question

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

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

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

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

2. 如果碰巧没有渲染渐变，那么原始的 background: 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/