何を試しても、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 ピクセルに切り抜いているかのようです。