Mafunzo ya kiwango cha kina cha mifano ya kina cha CSS

Kufafanisha na kutumika

Kufafanisha na kutumika Tabia inasababisha kuwa na picha ya mabackground ya elementi.

Mabackground ya elementi inaenea saizi ya elementi kwa kuzingatia, ikiwemo mita ya kina na kufikia kwa kina, lakini hapatikana kwa mita ya nje ya kina.

Kwa kigeukia, picha ya mabackground inapatikana kwenye kina kwanza ya elementi, na inarepewa kwa mabahari na mita ya kina.

Mambo ya msaada:Tafakari: Ndio kwa kuzingatia chaguo cha rangia ya mabackground, ukurasa haukufikia muonekano bora ukilinganisha picha ya mabackground bila ya picha hiyo.

Inayozungumza zaidi

Tabia ya background-image inasababisha kuwa na picha kwenye mabackground ya elementi.

Kwa sababu ya background-repeat Tabia ya hiyo, picha inaweza kuathirika kina kina, kwa msaada wa ukubwa wa mstari (x-axis au y-axis), au hakupendekeza kwa uwanja fulani.

Picha ya mabackground ya kuzalika (picha ya kwanza) inaonekana kwa sababu ya tabia ya hiyo. background-position Inapokwenda kwa tabia ya hiyo.

Tazama pia:

Kieleza:Mabaki ya CSS,Mabackground ya CSS (kivinjari),Mabaki ya CSS za inayotunza

Kitabu cha kielewa cha HTML DOM:Tabia ya backgroundImage

Mfano

Ingiza picha kama mabackground ya ukurasa:

body
  { 
  background-image: url(bgimage.gif);
  background-color: #000000;
  }

Tafakari kufanya mafanikio

Inayotumika Kiingereza

background-image: url|none|initial|inherit;

Chaguo cha kina cha ya tabia

Chaguo cha kina cha ya tabia

Chaguo Maelezo
url('URL') Nje ya picha.
hakuna Chaguo cha kuzingatia. Hakuoneshwa picha ya mabackground.
inherit Inahakikiwa kwamba inafaa kuwa na mpangilio wa background-image kutoka kwa elementi ya mababu.

Maelezo ya kidhagiria

Chaguo cha kuzingatia: hakuna
Umuagizaji: hakuna
Mwaka: CSS1
Inayotumika Kiingereza: object.style.backgroundImage="url(stars.gif)"

Mfano wa kusoma interneti

Tafutaani za kina msingi zinaonekana kwa sababu ya programu ya kusoma interneti ya kwanza inayosimamia hiyo chanzia.

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5