Obiekt HTML DOM Style backgroundImage
Definicja i Wykorzystanie
zestawy własności backgroundImage lub zwraca elementy tła.
gramatyka
Ustawianie właściwości backgroundImage:
Object.style.backgroundImage="url('URL')|none|inherit"
Powrót właściwości backgroundImage:
Object.style.backgroundImage
值 | 描述 |
---|---|
url('URL') | 图像文件的位置。 |
none | 默认。没有背景图像。 |
inherit | background-image 属性的设置从父元素继承。 |
Pomoc Browser
Wszystkie główne przeglądarki obsługują właściwość backgroundImage.
Uwaga: IE7 i starsze wersje nie obsługują "dziedziczenia" wartość.IE8 zapewnia tylko! DOCTYPE obsługiwany "dziedziczą". Wsparcie IE9 "dziedziczą".
Porady i wskazówki
Wskazówka: W uzupełnieniu doobrazu tła, należy również określić kolor tła. Jeśli obraz nie jest dostępny, będziemy używać koloru tła.
Przykłady
Przykłady
Tło obrazu:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Ten poradnik (w3big.com) </ title>
<Script>
Funkcja displayResult () {
document.body.style.backgroundColor = "# f3f3f3";
document.body.style.backgroundImage = "url ( 'img_tree.png')";
}
</ Script>
</ Head>
<Body>
<H1> Hello World! </ H1>
Największa
<Type = "button" button onclick = "displayResult ()"> ustawić obraz w tle </ button>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Ten poradnik (w3big.com) </ title>
<Script>
Funkcja displayResult () {
document.body.style.backgroundColor = "# f3f3f3";
document.body.style.backgroundImage = "url ( 'img_tree.png')";
}
</ Script>
</ Head>
<Body>
<H1> Hello World! </ H1>
Największa
<Type = "button" button onclick = "displayResult ()"> ustawić obraz w tle </ button>
</ Body>
</ Html>
Spróbuj »
styl Przedmioty