documentation css background-image
Vous êtes ici: Les articles techniques » documentation » Cascading Style Sheets : L'ensemble des propriétés CSS » background-imagebackground-image
Version CSS : 1
- S’applique à : Tous les éléments.
- Valeur héritée : non
- Valeur par défaut : none
Compatibilité
| Navigateur | IE 6 | IE 7 | Firefox 1.5 | Firefox 2 | Opera 8.5 | Opera 9 | Konqueror 3.5 | Safari 2 |
|---|---|---|---|---|---|---|---|---|
| background-image | Partiel | Partiel | Oui | Oui | Partiel | Partiel | Oui | Oui |
| URI | Oui | Oui | Oui | Oui | Oui | Oui | Oui | Oui |
| none | Oui | Oui | Oui | Oui | Oui | Oui | Oui | Oui |
| inherit | Non | Non | Oui | Oui | Oui | Oui | Non | Oui |
Explications
Permet d’afficher une image en arrière plan de page lorsqu’elle est associée à la balise body ou en arrière plan d’un élément. Cette image sera répétée en papier peint à partir du coin en haut à gauche par défaut si on se spécifie pas les autres attributs css de background. La valeur n’est pas héritée mais puisque la valeur par défaut est sans fond, les arrières plans des éléments imbriqués apparaîtront comme ceux des éléments parents.
Netscape 4 et 6 peuvent poser des problèmes d’affichage lors de l’imbriquation de tableaux et répéter un arrière plan dans les cellules des tableaux imbriqués. Pour corriger ceci, spécifier un arrière plan sans image pour les cellules où l’image se répéterait.
Exemple de script
.arriereplan { background-image: url(fond.gif); } .arriereplanvide { background-image: none; }



