A webépítés során az oldalak görgetése során különböző háttér-viselkedési mintákat használnak. Néhányuk csak HTML segítségével valósítható meg, mások számára a képességei nem elégségesek. Lépcsőzetes stíluslapokat (CSS) kell használni a weboldal háttérképének statikussá tételéhez.
Utasítás
1. lépés
A háttér-melléklet tulajdonsággal állíthatja be, hogy a háttér hogyan viselkedjen az oldal görgetésekor. Ez a tulajdonság a CSS nyelv minden verziójában megtalálható, az elsőtől kezdve, és ezt a módszert az összes böngésző támogatja, ellentétben a többi opcióval. A háttér-csatolásnak csak három értéke van: görgetés, rögzítés és öröklés. A görgetési értéket alapértelmezés szerint használják, és ez azt jelenti, hogy a háttérképet „csatolják” a tartalomhoz, és a tartalom görgetésével együtt görgetni fogja azt. A rögzített érték azt mondja a böngészőnek, hogy a háttérképnek függetlennek kell lennie a tartalomtól, és görgetéskor a helyén kell maradnia. Az öröklési érték pedig azt jelenti, hogy ennek az elemnek a háttere ugyanúgy viselkedjen, mint a szülő elem. A rögzítettre beállított háttér-melléklet tulajdonságot kell használnia.
2. lépés
Írja össze a kódot a megfelelő CSS utasításokkal, és illessze be az oldal HTML-be. Az első sornak meg kell mondania a böngészőnek, hogy a következő CSS stílusblokk következik:
A stílusleírások e két címke közé kerülnek. Bennük meg kell adni, hogy az oldal melyik elemére utalnak az utasítások. A háttér az oldal törzsére utal (BODY): BODY {} Itt a BODY egy választó, a göndör zárójelek belsejében pedig pontosvesszőkkel kell ellátni a tulajdonságokat és azok értékeit: background-image: url (img / fon.
background-attachment: fix; Az első sorban a background-image tulajdonság megadja, hogy az img mappából származó fon.
3. lépés
Rögzítse a teljes stílusleíró blokk összeállítást:
BODY {háttér: url (img / fon.gif) javítva;}
Be kell illeszteni az oldal HTML-kódjának címsorába, azaz a és a tagek közé. Ne felejtse el kicserélni az img / fon.gif"
