3

我想尝试获得一个跨浏览器渐变效果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 透明度值而只显示rgb来自rgba没有单独rgb背景的后备?

  5. 作为所有事情的最后后备,是否hex需要在 CSS 属性的开头设置一个值?我想添加一个值并没有什么坏处,hex但使用的想法rgb是如果rgba可用,它可以在整个站点中快速轻松地更改颜色。因此,拥有一个后备hex值将使rgb/rgba我打算使用它的用途毫无意义,因为无论如何我都需要检查并编辑所有hex值。

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

4

1 回答 1

6

我可以建议你这个网站来帮助你的渐变和后备: http:
//www.colorzilla.com/gradient-editor/

于 2011-09-11T19:06:08.673 回答