La propriété de feuille de style css background permet de gérer un ensemble de propriétés d'arrière plan (fond) en une seule fois.
Exemple de code :
.identifiant{
background:green url(background.gif);
}
.identifiant{
background: green url(../images/background.gif) no-repeat fixed 10px 20px;
}
.identifiant{
background: green;
} La feuille de style css background peut prendre à la suite les valeurs des propriétés css de (dans l'ordre énoncé):
- background-color, couleur d'arrière plan (couleur de fond)
- background-image, image d'arrière plan (image de fond)
- background-repeat, répétition de l'image d'arrière plan (répétition de l'image de fond)
- background-attachment fixe l'image d'arrière plan (fixe l'image de fond)
- background-position, position de l'image d'arrière plan (position de l'image de fond)Il est possible d'omettre des valeurs.
La feuille de style background css est applicable sur presque toutes les balises HTML ou XHTML, elle est reconnue par tous les navigateurs.
La feuille de style css background peut poser de problèmes d'interprétations sous Nestcape, Firefox, Mozilla.
BUG INTERNAUTE
Explication
Vous trouverez ci-dessous divers bugs d'interprétation de la css background.
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.