Chrome Radial CSS Gradient Smoothness

Я использую chrome 18.0.1025.162и пытаюсь сделать радиальный градиент

-webkit-radial-gradient(circle, rgba(100, 100, 100, 0.2), rgba(0, 0, 0, 0.9))

Проблема в том, что градиент очень пиксельный, переход цвета и альфы в блоки, а не гладкие. Это отличается в Safari и Firefox. Safari и Firefox делают это очень плавно и хорошо

Это ошибка с хромом? У кого-нибудь есть такая же проблема с этим. Это такой простой градиент!! Наверняка что-то такая простая вещь не может быть глюком

Проверьте: http://jsfiddle.net/GyRLe/1/для демонстрации того, что я имею в виду.

Есть ли решение для этого? Изображение было бы ужасным :(

(Хорошо, чтобы увидеть, насколько плоха гладкость): Вот что я получаю, когда им пользуюсь: http://i.imgur.com/UYB1d.png(Chrome)
http://i.imgur.com/tzGuq.png(Safari) (Кажется немного резким, но это из-за png, в остальном его плавность близка к идеальной)

Firefox так же хорош, как и Safari, просто хром делает это плохо Мне нужна альфа-версия, потому что я добавляю повторяющееся изображение в фоновом режиме

Редактировать: Chrome 20 (Canary) также имел эту ужасную проблему!

Edit2: Причина, по которой мы используем CSS, заключается в том, что нам не нужно использовать изображения! Итак, я добавил это в http://code.google.com/p/chromium/issues/detail?id=123491и, надеюсь, Google разберется в своих действиях, потому что я думаю, что Chrome прекрасен

11
задан Akshat 14 April 2012 в 22:06
поделиться