propriété HTML DOM style backgroundImage
style Objets
Définition et utilisation
ensembles de propriétés backgroundImage ou renvoie les éléments d'image d'arrière-plan.
grammaire
Définition des propriétés backgroundImage:
Object.style.backgroundImage="url('URL')|none|inherit"
Retour propriétés backgroundImage:
Object.style.backgroundImage
值 | 描述 |
---|---|
url('URL') | 图像文件的位置。 |
none | 默认。没有背景图像。 |
inherit | background-image 属性的设置从父元素继承。 |
support du navigateur
Tous les principaux navigateurs prennent en charge la propriété backgroundImage.
Note: IE7 et les versions antérieures ne supportent pas la valeur "inherit".IE8 ne fournit DOCTYPE! Supporté "inherit". soutien IE9 "inherit".
Trucs et astuces
Astuce: En plus del'image d'arrière - plan, vous devez également spécifier une couleur d'arrière - plan. Si l'image ne sont pas disponibles, nous allons utiliser la couleur de fond.
Exemples
Exemples
Image de fond:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Titre> Ce tutoriel (w3big.com) </ title>
<Script>
fonction displayResult () {
document.body.style.backgroundColor = "# F3F3F3";
document.body.style.backgroundImage = "url ( 'img_tree.png')";
}
</ Script>
</ Head>
<Body>
<H1> Bonjour tout le monde! </ H1>
<br>
<Bouton type = "button" onclick = "displayResult ()"> définir l'image d'arrière-plan </ button>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Titre> Ce tutoriel (w3big.com) </ title>
<Script>
fonction displayResult () {
document.body.style.backgroundColor = "# F3F3F3";
document.body.style.backgroundImage = "url ( 'img_tree.png')";
}
</ Script>
</ Head>
<Body>
<H1> Bonjour tout le monde! </ H1>
<br>
<Bouton type = "button" onclick = "displayResult ()"> définir l'image d'arrière-plan </ button>
</ Body>
</ Html>
Essayez »
style Objets