Properti HTML DOM Style backgroundImage
gaya Objects
Definisi dan Penggunaan
backgroundImage set properti atau mengembalikan unsur gambar latar belakang.
tatabahasa
Pengaturan properti backgroundImage:
Object.style.backgroundImage="url('URL')|none|inherit"
Kembali sifat backgroundImage:
Object.style.backgroundImage
值 | 描述 |
---|---|
url('URL') | 图像文件的位置。 |
none | 默认。没有背景图像。 |
inherit | background-image 属性的设置从父元素继承。 |
Dukungan Browser
Semua browser utama mendukung properti backgroundImage.
Catatan: IE7 dan versi sebelumnya tidak mendukung "mewarisi" nilai.IE8 hanya menyediakan! DOCTYPE didukung "mewarisi". dukungan IE9 "mewarisi".
Tips dan Catatan
Tip: Selain gambar latar belakang, Anda juga harus menentukan warna latar belakang.Jika gambar tidak tersedia, kita akan menggunakan warna latar belakang.
contoh
contoh
gambar latar belakang:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Script>
Fungsi displayResult () {
document.body.style.backgroundColor = "# f3f3f3";
document.body.style.backgroundImage = "url ( 'img_tree.png')";
}
</ Script>
</ Kepala>
<Body>
<H1> Hello World! </ H1>
Situs
<Tombol type = "button" onclick = "displayResult ()"> mengatur gambar latar belakang </ button>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Script>
Fungsi displayResult () {
document.body.style.backgroundColor = "# f3f3f3";
document.body.style.backgroundImage = "url ( 'img_tree.png')";
}
</ Script>
</ Kepala>
<Body>
<H1> Hello World! </ H1>
Situs
<Tombol type = "button" onclick = "displayResult ()"> mengatur gambar latar belakang </ button>
</ Body>
</ Html>
Coba »
gaya Objects