我在用着chrome 18.0.1025.162
我正在尝试做径向渐变
-webkit-radial-gradient(circle, rgba(100, 100, 100, 0.2), rgba(0, 0, 0, 0.9))
问题是渐变是非常像素化的,颜色和 Alpha 的过渡是块状的并且不平滑。这在 Safari 和 Firefox 中有所不同。 Safari 和 Firefox 做得非常顺利和好
这是 Chrome 的错误吗?任何人都有同样的问题。就是这么简单的渐变!!这么简单的事情肯定不会是一个小故障
查看 :http://jsfiddle.net/GyRLe/1/来演示一下我的意思。
有解决办法吗?图像会很糟糕:(
(好吧,看看平滑度有多差):
这是我使用它时得到的结果:https://i.stack.imgur.com/MfRWk.png(铬合金)
https://i.stack.imgur.com/WrLCr.png(Safari)(看起来有点前卫,但那是因为 png,否则它接近完美的平滑度)
Firefox 和 Safari 一样好,只是 chrome 表现不佳
我需要 Alpha 因为我在背景中放置了重复样式图像
编辑:Chrome 20(金丝雀)也有这个可怕的问题!
Edit2:我们使用 CSS 的原因是我们不必使用图像!所以我把它添加到http://code.google.com/p/chromium/issues/detail?id=123491希望谷歌能采取正确的行动,因为我认为 Chrome 很棒