[openstreetmap-website] using sprite.svg for high dpi devices (#1055)

[Holger Jeromin]

Oh, yes. You are right with the multiple backgrounds. Thanks for pointing that out.

The linked blog states:
> Note I’m using the shorthand ‘background’ CSS property rather than ‘background-image’ as older IE’s seem to try to read multiple images as one long image when you use the more specific notation. 

I think with this logic we have no standard conform possibility to prevent old browsers from seeing the svg.
Except the hackish way:
`@media (-webkit-min-device-pixel-ratio: 1), (min-resolution: 10dpi){`
If a browser is new enough to recognize these new media querys they will render svg background without an error. But again Safari v4 knows min-device-pixel but is buggy with background-position. 

I would have no problem in dropping the twenty safari v4 user for a cosmetic thing. But this sprite contains the main interaction stuff. 
So IMO we have to reserve the SVG to the HiDPI devices.

---
Reply to this email directly or view it on GitHub:
https://github.com/openstreetmap/openstreetmap-website/pull/1055#issuecomment-139908546
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20150913/a2ad5e95/attachment.html>