CSS background-image
Exemples
Contexte élément de corps d'image:
{
background-image:url('paper.gif');
background-color:#cccccc;
}
Essayez »
définitions de balises et les instructions
propriété background-image définit l'image d'arrière-plan d'un élément.
La taille totale des éléments de fond de l'élément, y compris des rembourrages et des frontières (mais pas y compris les marges).
Par défaut, background-image est placée dans le coin supérieur gauche de l'élément, et répéter verticalement et horizontalement.
| Par défaut: | aucun |
|---|---|
| Héritage: | aucun |
| Version: | CSS1 |
| Syntaxe JavaScript: | objet object.style.backgroundImage = "url (stars.gif)" |
support du navigateur
Les chiffres du tableau représentent le premier navigateur pour soutenir le numéro de version de la propriété.
Immédiatement après la -webkit- numérique, -ms- ou -moz- il y a à l'appui du préfixe d'attribut premier numéro de version du navigateur.
| Property | |||||
|---|---|---|---|---|---|
| background-image | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Notez que IE8 et les navigateurs antérieures ne prennent pas en charge plusieurs images d'arrière - plan sur un élément
Notez que IE7 et les versions antérieures ne supportent pas la valeur "inherit".IE8 besoin de définir! DOCTYPE. IE9 supporte le «héritage».
Trucs et astuces
Astuce: Assurez - vous de définir la couleur d'arrière - plan, si l'image ne sont pas disponibles, seront utilisés.
Valeur de la propriété
| valeur | explication |
|---|---|
| url( 'URL') | URL de l'image |
| aucun | Aucune image d'arrière-plan est affiché. Ceci est la valeur par défaut |
| hériter | Spécifiez une image de fond doit être héritée de l'élément parent |
exemples en ligne
Plusieurs images de fond
Cet exemple montre le document de plusieurs images d'arrière-plan.
articles connexes
Tutoriel CSS: CSS Contexte
CSS3 tutoriel: CSS3 Fond