Safari で発生する奇妙な問題。要素の背景を SVG に設定しています。この SVG はタイトなピクセル グリッド上に描画され、他のほとんどすべてのブラウザーで完全に表示されますが、何らかの理由で Safari では正しくスケーリングされません。
背景を設定するために使用しているSASSは次のとおりです。
@include background-size(100% 100%);
background: transparent image-url('icon-laptop.svg') no-repeat 0 0;
...そして以下を作成するCSS:
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
background: transparent url('../images/icon-laptop.svg?1343856741') no-repeat 0 0;
background-size を 99.9% に設定してみましたが、少しは役に立ちましたが、すべてのブラウザーでぼやけてしまいました。
Chrome と Safari での結果は次のとおりです。
何が起こっているのかについてのアイデアは？