Označevalni jezik HTML spletnemu oblikovalcu omogoča uporabo katere koli slike kot slike za ozadje. Vendar jezik sam nima vgrajenih kontrol za slike v ozadju. Bolj natančna nastavitev je narejena z uporabo kaskadnih tabel slogov CSS.
Navodila
Korak 1
Če želite ozadje raztegniti na celotno širino brskalnika, morate v svojem CSS uporabiti parameter z-index. Omogoča vam, da nastavite vrstni red elementov, ki jih ustvarite. Višja kot je vrednost tega atributa, višji bo blok na strani.
2. korak
Ustvarite nove dokumente v obliki html in css (desni gumb miške - "Novo" - "Besedilna datoteka") in jih odprite s katerim koli urejevalnikom besedil.
3. korak
Sliko za ozadje postavite na spodnji sloj. Raztezal se bo glede na ločljivost zaslona. Na vrhu bo še en element, na katerem bo prikazana vsebina strani. Če želite to narediti, ustvarite dva bloka. V datoteko css napišite:.1layer {z-index: 1; širina: 100% višina: 100% položaj: absolutno;}. 2layer {Položaj: absolutno; z-indeks: 2; } Parameter position: absolute omogoča nastavitev absolutnega pozicioniranja, tj. sloj bo nameščen neodvisno od drugih elementov.
4. korak
Ustvarjeno kodo CSS vključite v datoteko HTML z uporabo oznake povezave: Ozadje strani
5. korak
Ustvari novo plast. Uporaba oznake
nanjo položite sliko. Na primer: Vsebina strani Za img je podan samo parameter širine, kajti če dodatno določite višino, se v nekaterih brskalnikih prikaže popačenje slike.
6. korak
Shranite spremembe. Če želite preizkusiti kodo, povečajte stran v oknu brskalnika. Povečati je treba tudi sliko za ozadje.
