Veebilehe tausta saab siduda selle sisuga või käituda sellest sõltumatult. Esimesel juhul sirvib brauseriaknas sisu kerides ka taustapilt, teisel juhul võib see jääda paigale. Fikseeritud lehe tausta rakendamiseks peaksite kasutama CSS-i stiilikirjelduse keelt - ainult see võib tagada sama tausta käitumise erinevat tüüpi brauserites.
Juhised
Samm 1
Kasutage CSS-is atribuuti background-attachment, et määrata, kas lehe taust peaks olema fikseeritud või teisaldatav. Kokku võib sellel atribuudil olla kolm väärtust - kui te ei määra ühtegi neist, siis vaikimisi loetakse tausta manus keritavaks. Selle väärtuse korral kerib taustapilt koos lehe sisuga. Pärandväärtus kopeerib vanemelemendi taustakäitumise ja fikseeritud väärtus muudab taustpildi sisust sõltumatuks - see jääb lehe kerimisel seisma. Sa peaksid seda kasutama.
2. samm
Valmistage oma CSS-i juhised kasutamiseks lehtedel, mida soovite tausta parandada. Kui te ei asu CSS-koodi välises stiilikirjeldusfailis, tuleks need juhised paigutada stiili avamise ja sulgemise vahele:
// seal on stiilide kirjeldused
Lehe tausta käitumise kirjeldus peab olema seotud elemendiga BODY - CSS-i terminoloogias nimetatakse seda "valijaks" ja see kirjutatakse järgmiselt: BODY {
// lehe keha kirjeldused on siin
} Selle valijaga seotud atribuudid tuleb paigutada lokkis traksidega, eraldatuna semikoolonitega: BODY {
tausta kinnitus: fikseeritud;
taustapilt: url (images / BG.gif);
} Esimene rida hõivab taustpildi ja teine näitab taustpildi sisaldava faili aadressi lehe aadressi suhtes. Need kaks rida saab kirjutada ühte keerulisse CSS-i lausesse järgmiselt: background: url (images / BG.gif) fikseeritud;
3. samm
Kleepige kogu kood lehe teksti tausta fikseerimiseks. Valmis kujul võib see välja näha järgmine:
BODY {background: url (images / BG.gif) parandatud;}
Muidugi peate asendama taustpildi faili asukoha ja nime. Parem on panna kood sildi ette, ehkki see ei ole eeltingimus.
