CSS3 Crossbrowser渐变背景与rgb / rgba和后备

时间:2011-09-11 18:47:30

标签: css css3 gradient rgb rgba

我想尝试使用跨浏览器渐变效果处理rgb值,并在浏览器不支持的情况下使用后退。

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

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

  1. 是否还有其他常用的浏览器,以及iPad / SmartPhone等设备需要的属性,还是会从当前使用的某个属性中呈现?

  2. 如果没有渲染渐变,是否原始background: rgb(50, 50, 50);足以生成纯色?

  3. 使用filter值,我无法使用rgb值使其工作,而不得不求助于使用hex值,而不是很大的问题,但我只想使用rgb值。有没有办法解决这个问题还是不接受它们?

  4. 如果我要使用rgba代替rgb,那么我需要有rgba渐变背景值,rgb渐变背景值作为因为没有渲染Alpha透明度而后退一个实体背景,以防万一没有渲染渐变?或者浏览器是否会忽略Alpha透明度值,只显示rgb中的rgba而没有单独的rgb背景?

  5. 作为一切的最终后备,是否需要在CSS属性的开头设置hex值?我想添加hex值没有什么害处,但使用rgb的想法是rgba可用,它可以在整个网站上快速轻松地进行颜色更改。因此,使用hex值可能会使rgb/rgba无意义地用于我想要使用的内容,因为无论如何我都需要通过并编辑所有hex值。

  6. 我做了一些搜索,示例各不相同,理解在不同的人之间被误解,我只是试图创建一个准确的工作示例来获得理想的结果。

1 个答案:

答案 0 :(得分:6)

我建议您使用本网站来帮助您了解您的渐变和后备:
http://www.colorzilla.com/gradient-editor/