Проблемы масштабирования SVG в Safari

Странная проблема возникает в 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;

Я попытался установить размер фона -на 99,9%, и это немного помогло, но сделало его размытым в каждом браузере.

Вот результаты в Chrome и Safari:

enter image description here

Идеи относительно того, что может происходить?

5
задан Brandon Durham 1 August 2012 в 22:15
поделиться