c'est ce polyfill que tu as utilisé ?

https://github.com/louisremi/background-size-polyfill ]]> text/html https://www.nicolas-hoffmann.net/source/1593-Gestion-sprites-CSS-Sass-retina.html#comment158450 Pascal (eQRoeil) Sat, 26 Oct 2013 22:55:17 +0200

J'avais bien envisagé de passer par SVG (j'ai utilisé ça pour le logo), toutefois, le trop grand nombre d'icônes m'a fait choisir les sprites CSS.

Pour le background size, j'ai utilisé un polyfill pour IE8, et le 7, je le patcherai si vraiment il le faut :) ]]> text/html https://www.nicolas-hoffmann.net/source/1593-Gestion-sprites-CSS-Sass-retina.html#comment158449 Nico Fri, 25 Oct 2013 08:56:38 +0200

Tu n'as pas eu de souci avec background-size sur certains (vieux) navigateurs ? ]]> text/html https://www.nicolas-hoffmann.net/source/1593-Gestion-sprites-CSS-Sass-retina.html#comment158448 Pascal (eQRoeil) Thu, 24 Oct 2013 18:03:35 +0200

en passant je te reparle de grunticon, il faudra bien que tu testes un jour ; )

Avec des icones en svg un drag & drop de tes icones sur grumpicon.com tu aurais obtenu les fichiers css qui vont bien :

- un pour les navigateurs qui supportent svg
- un pour navigateurs qui supportent png en base64
- un pour navigateurs qui ne supportent ni l'un ni l'autre, avec les icones en png

un petit script js qui détecte le support de svg (et base64) et fournit le bon fichier css.

Avantages :

- pas de boulot côté css ou prépro
- pour svg (et png base64) une seule requête comme la sprite
- requête non bloquante
- un bien meilleur support que les icon font (autre solution possible mais tu laisses du monde sur le carreau)
- svg et retina font bon ménage

Have a look ; ) ]]> text/html https://www.nicolas-hoffmann.net/source/1593-Gestion-sprites-CSS-Sass-retina.html#comment158447 Pascal (eQRoeil) Thu, 24 Oct 2013 18:00:02 +0200