Označni jezik HTML omogućuje web dizajneru upotrebu bilo koje slike kao pozadinske slike. Međutim, samom jeziku nedostaju ugrađene kontrole za pozadinske slike. Fino se podešavanje vrši pomoću kaskadnih CSS tabela stilova.
Upute
Korak 1
Da biste se pozadina razvukla u cijelu širinu preglednika, morate upotrijebiti parametar z-index u svom CSS-u. Omogućuje vam postavljanje redoslijeda elemenata koje stvarate. Š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 (desna tipka miša - "Novo" - "Tekstualna datoteka") i otvorite ih pomoću bilo kojeg uređivača teksta.
3. korak
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; width: 100% height: 100% position: absolute;}. 2layer {Position: absolute; z-index: 2; } Parametar position: absolute omogućuje vam postavljanje apsolutnog pozicioniranja, tj. sloj će biti postavljen neovisno od ostalih elemenata.
4. korak
Uključite generirani CSS kôd u HTML datoteku pomoću oznake veze: Pozadina stranice
Korak 5
Stvorite novi sloj. Upotreba oznake
stavite sliku na nju. Na primjer: Sadržaj stranice Za img naveden je samo parametar širine, jer ako dodatno navedete visinu, u nekim će se preglednicima pojaviti izobličenja slike.
Korak 6
Spremite promjene. Da biste testirali svoj kôd, povećajte stranicu u prozoru preglednika. Pozadinsku sliku također treba povećati.
