<p>The sprite thing could perhaps be solved with this additional code </p>
<pre><code>@media
-webkit-min-device-pixel-ratio: 2,
min--moz-device-pixel-ratio: 2,
-o-min-device-pixel-ratio: 2/1,
min-device-pixel-ratio: 2,
min-resolution: 150dpi,
min-resolution: 2dppx{
.icon {
background:transparent image-url("sprite.svg") no-repeat 0 0;
}
}
</code></pre>
<p>And hope that the browsers announcing this properties are able to render svg background bugfree :-)</p>
<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br>Reply to this email directly or <a href="https://github.com/openstreetmap/openstreetmap-website/issues/850#issuecomment-65448253">view it on GitHub</a>.<img alt="" height="1" src="https://github.com/notifications/beacon/ABWnLUkt8SFPnbbb1onkSY06b5yB9tnpks5nTzvAgaJpZM4DDsQl.gif" width="1" /></p>
<div itemscope itemtype="http://schema.org/EmailMessage">
<div itemprop="action" itemscope itemtype="http://schema.org/ViewAction">
<link itemprop="url" href="https://github.com/openstreetmap/openstreetmap-website/issues/850#issuecomment-65448253"></link>
<meta itemprop="name" content="View Issue"></meta>
</div>
<meta itemprop="description" content="View this Issue on GitHub"></meta>
</div>