我想尝试获得一个跨浏览器渐变效果rgb
,以防浏览器不支持它。
jsFiddle 示例:http: //jsfiddle.net/HelloJoe/hUxdh/
我相信我已经涵盖了大多数浏览器,但我有几个问题:
是否有我错过的其他常用浏览器,以及 iPad/智能手机等设备需要哪些属性,或者它们会从当前使用的属性之一呈现?
如果碰巧没有渲染渐变,那么原始的是否
background: rgb(50, 50, 50);
足以生成纯色?有了这个
filter
值,我无法通过使用rgb
值来让它工作,不得不求助于使用一个hex
值,这并不是说这是一个大问题,但我试图只使用rgb
值。有没有办法解决这个问题,或者它只是不接受它们?如果我要使用
rgba
而不是,rgb
那么我是否需要一个rgba
渐变背景值,一个rgb
渐变背景值作为不渲染 alpha 透明度的后备,然后在根本没有渲染渐变的情况下使用纯色背景?或者浏览器是否会忽略 alpha 透明度值而只显示rgb
来自rgba
没有单独rgb
背景的后备?作为所有事情的最后后备,是否
hex
需要在 CSS 属性的开头设置一个值?我想添加一个值并没有什么坏处,hex
但使用的想法rgb
是如果rgba
可用,它可以在整个站点中快速轻松地更改颜色。因此,拥有一个后备hex
值将使rgb/rgba
我打算使用它的用途毫无意义,因为无论如何我都需要检查并编辑所有hex
值。
我进行了一些搜索,示例各不相同,不同人之间的理解被误解了,我只是试图创建一个准确的工作示例来获得预期的结果。