Définition de la css background-position


Propriété css : background-position

Détails des versions feuilles de style css background-position
css2
Détails de compatiblilité de la feuilles de style css background-position pour les navigateurs
Netscape 6+
Internet Explorer 4+
Mozilla + et Firefox +
Safari 1 +


Définition de background-position

La propriété de feuille de style css background-position permet de gérer la position de l'affichage de l'image d'arrière plan (image de fond).
Exemple de code :
.identifiant{
  background-position:10px 20px;
}
.identifiant{
  background-position:left center;
}

La feuille de style css background-position peut prendre la valeur de :
- numerique (1px 1px) première valeur correspond à sa position sur l'axe X et la seconde correspond à sa position sur l'axe Y. X et Y peuvent être en % ou Pixel.
- top left ou left top , '0% 0%'.
- top
- top center, ou center top , '50% 0%'.
- right top ou top right , '100% 0%'.
- left
- left center, ou center left , '0% 50%'.
- center ou center center , '50% 50%'.
- right
- right center, ou center right , '100% 50%'.
- bottom left ou left bottom , '0% 100%'.
- bottom
- bottom center, ou center bottom, '50% 100%'.
- bottom right ou right bottom , '100% 100%'.
- inherit, l'arrière plan ou fond hérite de la valeur du background-position de son parent.



Application de background-position

La propriété de feuille de style css background-position est applicable sur toutes les balises HTML ou XHTML ayant une image de fond.
La feuille de style ou css background-position n'a pas d'équivalent en HTML ou XHTML.


Problèmes de background-position

La propriété de feuille de style css background-position n'est pas reconnue par tous les navigateurs (anciens).


FAQ

Répond aux questions suivantes :

Comment spécifier définir la position d'une image d'arrière plan ou fond?
Liste des questions les plus fréquemment posées en css.

BUG INTERNAUTE

Explication

Vous trouverez ci-dessous divers bugs d'interprétation de la css background-position.
Ces bugs ont été transmis par les internautes du site.

J'ai vérifié certains bugs mais pour la plupart, ils sont soit sur MAC soit sur un navigateur que je ne possède pas.
Ceux que j'ai pu visualiser sont notés
Bug vérifié : oui.



Reporter un bug ou problème d'interprétationavec la propriété background-position