Comment spécifier la position à la fois dans l'image-objet CSS et l'arrière-plan de l'élément

Question

Je souhaite afficher une partie d'une image d'image-objet positionnée sur X et Y dans le coin supérieur droit d'un élément div. Comment dois-je faire? Par exemple, si j'utilise background: url("the path") no-repeat 0 0, il affichera l'image entière du sprite dans le coin supérieur droit de l'élément div. Donc en fait j'ai besoin de spécifier deux coordonnées, l'une est dans l'image du sprite, l'autre dans l'élément div.

Answer 1

vous devez envelopper l'image-objet dans un autre conteneur et lui donner une hauteur spécifiée d'une largeur qui est celle de la section de l'image-objet que vous voulez voir, puis positionner l'image-objet dans celle-ci.

comme ceci: http://jsfiddle.net/Qa8Tp/