Définition de background-image
La propriété de feuille de style css background-image permet de mette en arrière plan (fond) une image (image de fond).
Exemple de code :
.identifiant{
background-image : url(background.gif);
} peut prendre une valeur :
- url{url absolue}
- url{url relative}
- none, pas d'image de fond,
- inherit, l'arrière plan ou fond hérite de la valeur du background-image 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é de feuille de style css background-image peut être spécifiée dans la propriété de feuilles de style
background.
Application des background-image
La feuille de style css background-image est applicable sur presque toutes les balises HTML ou XHTML, elle est reconnue par tous les navigateurs.
La feuille de style css background-image peut remplacer l'attribut HTML BACKGROUND des balise HTML ou XHTML body, ilayer, layer, table, td, tr.
Problèmes des background-image
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).