0

何を試しても、Windows の最新の Safari (5.1.7) でこの SVG グラデーションを正しく動作させることができません。

<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 1920 200">  
    <linearGradient id="g186" gradientUnits="userSpaceOnUse" x1="0%" y1="0%" x2="0" y2="200">  
        <stop stop-color="#0A306A" offset="0"/><stop stop-color="#030C1B" offset="1"/>  
    </linearGradient>  
    <rect x="0" y="0" width="1920" height="200" fill="url(#g186)" />  
</svg>`

JSFiddle:
http://jsfiddle.net/wumnb/1/ (base64 でエンコードされた SVG が原因で、ブラウザーが XSS 警告をスローする場合があることに注意してください)

-webkit-background-size: 100% 200px;の有無にかかわらず含めると-webkit-、SVG のサイズが変更されますが、他のすべてのブラウザーよりも大幅に軽量に見えます。まるで SVG のフルページ バージョンを上から 200 ピクセルに切り抜いているかのようです。

見つけた他の2つの質問から両方の回答を試しましたが、どちらも機能していません。

4

1 に答える 1