Le meilleur didacticiel CSS background-image en 2024, dans ce didacticiel, vous pouvez apprendre Exemples,définitions de balises et les instructions,support du navigateur,Trucs et astuces,Valeur de la propriété,exemples en ligne,articles connexes,
Contexte élément de corps d'image:
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)" |
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».
Astuce: Assurez - vous de définir la couleur d'arrière - plan, si l'image ne sont pas disponibles, seront utilisés.
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 |
Plusieurs images de fond
Cet exemple montre le document de plusieurs images d'arrière-plan.
Tutoriel CSS: CSS Contexte
CSS3 tutoriel: CSS3 Fond