Странная проблема возникает в 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:
Идеи относительно того, что может происходить?