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

Question

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

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

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

Answer 1

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

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

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

Answer 2

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

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

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