Почему в Safari не работает радиальный градиент webkit?

Question

Это работает в Chrome, но не в Safari:

background: -webkit-radial-gradient(center, ellipse cover, #fdfdfd, #d3d3d3);

Как я могу это исправить для Safari?

Answer 1

Попробуйте использовать для Safari:

background: -webkit-gradient( radial, <point>, <radius>, <point>, <radius>[, <stop>]* ) <color>;

Примеры и дополнительные объяснения можно найти здесь: http://www.the-art-of-web.com/css/radial-gradients/

Answer 2

Он даже не работает правильно в Chrome, поскольку показывает круговой градиент, а не эллиптический. Это работает правильно в ночных Webkit.

Причина, по которой он не работает в Safari, заключается в том, что синтаксис еще не распространяется на стабильную версию Safari. В конце концов это будет. Вы должны научиться терпению мой молодой падаван:)

На данный момент вы можете использовать -webkit-gradient, но всегда включайте -webkit-radial-gradient эквивалентно после него. И пока мы это делаем, не забывайте и другие префиксы (-o-,-moz-,-ms-)