sprites css: quel élément html utilise pour background-position?

Question

Je me demande pour l'utilisation de sprites css qui tagent html est le meilleur?

Je veux dire que je peux utiliser

< img src = "trasparent.png" style = "-position de fond: ecc"> ou ?

j'ai vu Google en utilisant < span> pour le "o" de G "o o o o o" GLE

grâce

Answer 1

Vous pouvez utiliser presque tous les éléments que vous aimez. Une chose à noter est que les éléments tels que <span> et <a> sont des éléments en ligne. Ainsi, si vous essayez de leur ajouter des dimensions pour correspondre à la taille de votre sprite d'arrière-plan, ces dimensions seront ignorées. Pour résoudre ce problème, vous pouvez utiliser des éléments tels que line-heights ou padding pour définir des dimensions, ou vous pouvez remplacer l'élément par un élément de niveau bloc en utilisant le CSS: display:block.

Une autre règle autorisant l'ajout de dimensions est display:inline-block, mais cela peut causer quelques problèmes dans IE6 et les navigateurs précédents.

Answer 2

Google utilise en fait une période, dans mon expérience est un bon choix aussi.