safari - Webkitの放射状グラデーションがSafariで機能しないのはなぜですか？

Question

これはChromeでは機能しますが、Safariでは機能しません。

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

Safari用に修正するにはどうすればよいですか？

Answer 1

楕円形ではなく円形のグラデーションが表示されるため、Chrome でも正しく機能しません。Webkit ナイトリーでは正しく動作します。

Safari で機能しない理由は、構文がまだ安定したバージョンの Safari に反映されていないためです。最終的にはそうなるでしょう。あなたは私の若いパダワンの忍耐を学ぶ必要があります:)

現時点では、 を使用できますが-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/ にあります。