HTML žymėjimo kalba leidžia interneto dizaineriui naudoti bet kokį vaizdą kaip fono paveikslėlį. Tačiau pačioje kalboje trūksta foninių vaizdų valdiklių. Didesnis derinimas atliekamas naudojant pakopinius CSS stiliaus lapus.
Nurodymai
1 žingsnis
Norėdami, kad fonas ištemptų iki visos naršyklės pločio, CSS turite naudoti parametrą „z-index“. Tai leidžia jums nustatyti sukurtų elementų tvarką. Kuo didesnė šio atributo vertė, tuo didesnis blokas bus puslapyje.
2 žingsnis
Sukurkite naujus dokumentus html ir css formatu (dešiniuoju pelės mygtuku - „Naujas“- „Teksto failas“) ir atidarykite juos naudodami bet kurį teksto rengyklę.
3 žingsnis
Padėkite fono paveikslėlį ant apatinio sluoksnio. Jis ištemps priklausomai nuo ekrano skiriamosios gebos. Viršuje bus dar vienas elementas, kuriame bus rodomas puslapio turinys. Norėdami tai padaryti, sukurkite du blokus. CSS faile parašykite:.1layer {z-index: 1; plotis: 100% height: 100% position: absoliutus;}. 2layer {Position: absoliutus; z-index: 2; } Pozicija: absoliutus parametras leidžia nustatyti absoliučią padėties nustatymą, t. sluoksnis bus išdėstytas nepriklausomai nuo kitų elementų.
4 žingsnis
Įtraukite sugeneruotą CSS kodą į HTML failą naudodami nuorodos žymą: puslapio fonas
5 žingsnis
Sukurkite naują sluoksnį. Žymos naudojimas
padėkite ant jo nuotrauką. Pvz.: Puslapio turinys Img nurodomas tik parametras plotis, nes jei papildomai nurodysite aukštį, kai kuriose naršyklėse atsiras vaizdo iškraipymas.
6 žingsnis
Išsaugokite pakeitimus. Norėdami išbandyti kodą, padidinkite puslapį savo naršyklės lange. Fono paveikslėlis taip pat turėtų būti padidintas.
