A HTML jelölőnyelv lehetővé teszi a webdesigner számára, hogy bármilyen képet háttérképként használjon. Magában a nyelvben azonban nincsenek beépített vezérlők a háttérképekhez. A finomhangolás több lépcsőzetes CSS-stíluslap segítségével történik.
Utasítás
1. lépés
Ahhoz, hogy a háttér a böngésző teljes szélességére megnyúljon, a z-index paramétert kell használnia a CSS-ben. Ez lehetővé teszi a létrehozott elemek sorrendjének beállítását. Minél nagyobb az attribútum értéke, annál magasabb lesz a blokk az oldalon.
2. lépés
Hozzon létre új dokumentumokat html és css formátumban (jobb egérgombbal - "Új" - "Szöveges fájl"), és nyissa meg azokat bármely szövegszerkesztővel.
3. lépés
Helyezze a háttérképet az alsó rétegre. A képernyő felbontásától függően megnyúlik. A tetején egy másik elem található, amelyen az oldal tartalma megjelenik. Ehhez hozzon létre két blokkot. A css fájlba írja:.1layer {z-index: 1; szélesség: 100% magasság: 100% pozíció: abszolút;}. } A pozíció: abszolút paraméter lehetővé teszi az abszolút pozicionálás, azaz a réteg más elemektől függetlenül helyezkedik el.
4. lépés
A létrehozott CSS-kódot illessze be a HTML-fájlba a link címke segítségével: Oldal háttere
5. lépés
Hozzon létre egy új réteget. A címke használata
helyezzen rá képet. Például: Az oldal tartalma Az img esetén csak a szélesség paramétert adjuk meg, mert ha további magasságot ad meg, egyes böngészőkben a kép torzulása jelenik meg.
6. lépés
Mentse el a módosításokat. A kód teszteléséhez nagyítsa ki az oldalt a böngésző ablakában. A háttérképet is meg kell nagyítani.
