Cette technique est celle des "sprites"
Cela consiste à mettre toutes tes images (en général des icones) en une et de sélectionner celle que tu souhaite en modifiant la propriété background-position
Dans tes exemples :
background: url(../../images/rolloverImages.png) no-repeat 7px center;
l'image est insérée dans la page avec un espacement de 7 pixels à gauche de l'image (surement parce que la première icone dans l'image source est collée tout à gauche)
background: url(../../images/rolloverImages.png) no-repeat -483px center;
Ici, -483px introduit un décalage de ton image de 483px vers la gauche. Cela signifie que tu verras l'icone qui se trouve à partir du 484ème pixel.
Voici un lien qui pourra t'aider à comprendre cette technique :
http://www.w3schools.com/cssref/pr_b...d-position.asp
Partager