Feuille de style javascript : backgroundImage


Propriété javascript css : backgroundImage

Détails des versions feuilles de style css backgroundImage
Non définie
Détails de compatiblilité de la feuilles de style css backgroundImage pour les navigateurs
Netscape 6+
Internet Explorer 4+
Mozilla + et Firefox +
Safari 1 +


Définition de backgroundImage

La propriété javascript de feuille de style css backgroundImage permet de mette en arrière plan (fond) une image (image de fond).
Exemple de code :
.identifiant{
  backgroundImage : url(background.gif);
}

La feuille de style css backgroundImage peut prendre une valeur :
- url{url absolue}
- url{url relative}
- inherit, l'arrière plan ou fond hérite de la valeur du backgroundImage de son parent (css 2).

Le point de départ de l'url de l'image est l'endroit où se trouve la page html qui contient la feuille de style ou css.
La propriété javascript de feuille de style css backgroundImage peut être spécifié dans la propriété javascript de feuilles de style background.



Application

La feuille de style css backgroundImage est applicable sur presque toutes les balises HTML ou XHTML, elle est reconnue par tous les navigateurs.
La propriété javascript de feuille de style css backgroundImage peut remplacer l'attribut HTML BACKGROUND.


Problèmes

Attention lorsque vous utilisez des feuilles de styles externes, netscape 4.7 prend comme point de départ de l'url l'endroit où se trouve la feuille de style alors que Internet Explorer prend comme origine la page html.
Donc si votre feuille de style est dans un autre dossier mettez une url absolue (http://www.mon.site/image/fond.gif).




Reporter un bug ou problème d'interprétationavec la propriété backgroundImage