Uingilio wa Style backgroundImage

Mifano na matumizi

backgroundImage Kuweka na kurejea picha ya mbao ya kina.

Maelezo:Inaonesha wengi sana ya picha ya mbao, wengi sana inahitaji kuwa na rangi ya mbao. Ikiwa picha haitakuwa na uzito, rangi ya mbao inaitumika.

Tazama pia:

Mifano ya mtindo wa HTML:Uingilio wa mbao

Mafanikio ya CSS:Vifaa vya CSS

Mafanikio ya CSS3:Mafanikio ya mbao ya CSS3

Kitabu cha mifano cha CSS:Uingilio wa background-image

Mfano

Mfano 1

Kuweka picha ya mbao ya dosari:

document.body.style.backgroundImage = "url('img_tree.png')";

Kutembea bila kuzungumza

Mfano 2

Kuweka picha ya mbao ya <div> kwa upana:

document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";

Kutembea bila kuzungumza

Mfano 3

Kurudi picha ya mbao ya <div> kwa upana:

alert(document.getElementById("myDiv").style.backgroundImage);

Kutembea bila kuzungumza

Mfano 4

Kurudi picha ya mbao ya dosari:

alert(document.body.style.backgroundImage);

Kutembea bila kuzungumza

Makosa

Kurudi mafanikio ya backgroundImage:

object.style.backgroundImage

Kuweka mafanikio ya backgroundImage:

object.style.backgroundImage = "url('URL')|none|initial|inherit"

Chaguo cha ukweli wa kufikia

Chaguo Kueleza
url('URL') Eneo la picha ya faili ya picha.
none Hakuna picha ya mbao. Chaguo cha kuzingatia.
initial Kuweka ukweli hii kwa chaguo cha kuzingatia. Tazama: initial.
inherit Kutumia ukweli wa ukweli wa kufikia ukweli wa ukweli wa kufikia. Tazama: inherit.

Mifano ya habari

Chaguo cha kuzingatia: none
Matokeo: Ina mawili, ina kujumuisha picha ya mbao.
Version ya CSS: CSS1

Mafanikio ya wasafiri

backgroundImage Ina jina la CSS1 (1996) mafanikio.

Watakuwa na kuzungumza kwa visa zote:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Msaada Msaada Msaada Msaada Msaada Msaada