documentation css background-image

Vous êtes ici: Les articles techniques » documentation » Cascading Style Sheets : L'ensemble des propriétés CSS » background-image

background-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;
}



veille
inscrits inscrits ! Compensation à la rédaction
  • Inscription au wiki
  • Connexion

vod