Označni jezik HTML omogućava web dizajneru da koristi bilo koju sliku kao pozadinsku sliku. Međutim, samom jeziku nedostaju ugrađene kontrole za pozadinske slike. Fino podešavanje se vrši pomoću kaskadnih CSS tabela stilova.
Instrukcije
Korak 1
Da biste se pozadina protezala u punoj širini preglednika, morate upotrijebiti parametar z-index u svom CSS-u. Omogućuje vam postavljanje redoslijeda elemenata koje kreirate. Što je vrijednost ovog atributa veća, blok će se više nalaziti na stranici.
Korak 2
Stvorite nove dokumente u HTML i CSS formatu (desni taster miša - "Novo" - "Tekstualna datoteka") i otvorite ih pomoću bilo kog uređivača teksta.
Korak 3
Postavite pozadinsku sliku na donji sloj. Istegnut će se ovisno o razlučivosti zaslona. Na vrhu će se nalaziti još jedan element na kojem će biti prikazan sadržaj stranice. Da biste to učinili, stvorite dva bloka. U css datoteku napišite:.1layer {z-index: 1; širina: 100% visina: 100% pozicija: apsolutno;}. 2layer {Položaj: apsolutno; z-indeks: 2; } Parametar position: absolute omogućuje vam postavljanje apsolutnog pozicioniranja, tj. sloj će biti postavljen neovisno od ostalih elemenata.
Korak 4
Uključite generirani CSS kôd u HTML datoteku pomoću oznake veze: Pozadina stranice
Korak 5
Kreirajte novi sloj. Korišćenje oznake
stavite sliku na nju. Na primjer: Sadržaj stranice Za img naveden je samo parametar širine, jer ako dodatno navedete visinu, u nekim preglednicima pojavit će se izobličenje slike.
Korak 6
Spremite promjene. Da biste testirali svoj kôd, povećajte stranicu u prozoru preglednika. Pozadinsku sliku takođe treba povećati.
