Фрагменты фонового изображения имеют зазоры между собой при использовании изображения SVG. Как решить в Хроме?

Когда я использую SVG-изображение в качестве мозаичного фона для тела моей страницы, между плитками остается небольшой зазор. Если я переключаюсь на версию файла PNG, этого не происходит.

Я использую последнюю версию Google Chrome для Mac — версия 19.0.1084.56. Я не тестировал Windows, потому что у меня нет этой платформы. Файл работает как положено в Safari и FF.

После множества поисковых запросов в Google и здесь, на SO, я не нашел подобных отчетов. Может тут у кого есть решение.

Вот мой тестовый код:

<!DOCTYPE html>
<html>
<head>
<title>SVG background test</title>
<style type="text/css">
body {
   background-color: #FFF;
   background-image: url(img/assets/background.svg);
   background-repeat: repeat;
}
</style>
</head>
<body>
</body>
</html>
9
задан Palec 8 February 2014 в 03:23
поделиться