J'ai ajouté toutes mes icônes dans un sprite.
Maintenant, j'ai besoin d'afficher une icône de ce sprite avec un lien.
Lorsque j'ajoute le sprite et définissez sa position d'arrière-plan sur le lien tout le fond de la liaison est le sprite Sprite.
Comment puis-je définir la largeur et la hauteur du sprite , de sorte qu'il ne montre qu'une seule icône? p> est le seul moyen d'ajouter deux divs dans la balise "A"? Premièrement, la DIV avec l'icône de Sprite et la largeur et la hauteur définies, et dans l'autre texte? P> 
<a href="">
<div class="sprite_link_icon" style="width: 10px; height: 10px;"></div>
<div>test link</div>
</a>
3 Réponses :
Vous pouvez utiliser Quelque chose comme ceci: un violon: http: // jsfiddle.net/rudiedirkx/rg3kd/ (avec de mauvaises tailles, parce que je n'ai pas de bon sprite à portée de main). : avant ou : après pour déplacer l'arrière-plan réel sur un autre (pseudo-) élément qui correspond exactement à la bonne taille d'une icône.
C'est la bonne réponse, en ce qui me concerne. Aucun HTML supplémentaire, Retour à IE7 et reconfigurable facilement si la taille de la sprite doit changer.
Vous ne pouvez pas le faire comme si vous faites des sprites, vous devriez avoir l'esprit à quel point la largeur et la hauteur de l'élément seront-elles.
Vous pouvez sortir du problème lorsque vous ajoutez une portée dans la balise "A" et l'ajoutez le backgroud avec une largeur et une hauteur spécifiques. Ou vous pouvez réorganiser votre sprite.
Utilisez ce code dans le style: alors ce code html:
Dupliqué possible de clip / culture arrière-fond-image avec CSS
Et avec la bonne réponse!