【发布时间】:2012-10-25 16:01:54
【问题描述】:
我现在使用 CSS3 渐变,我注意到从几个版本的 Webkit 和 Gecko 中,当您在颜色值中使用 RGBA 时,渐变上会出现一些线条,就像它只有 16 位一样。
A做了一个JSBin,用Chrome检查一下:http://jsbin.com/ojadan/4/edit
有人找到解决这个问题的方法吗?
谢谢!
【问题讨论】:
我现在使用 CSS3 渐变,我注意到从几个版本的 Webkit 和 Gecko 中,当您在颜色值中使用 RGBA 时,渐变上会出现一些线条,就像它只有 16 位一样。
A做了一个JSBin,用Chrome检查一下:http://jsbin.com/ojadan/4/edit
有人找到解决这个问题的方法吗?
谢谢!
【问题讨论】:
我找到了这个资源。它对我有用。
http://css-tricks.com/examples/CSS3Gradient/
至于屏幕上颜色渐变的平滑程度,您可能需要检查图形加速器/显示设置。确保它们设置为 16 位或更好的 32 位。即使是 16 位,有时也会显示一些颜色分级。当然,这可能因浏览器而异。您几乎无法从代码中解决此问题。
祝你好运
【讨论】: