A weboldal háttere köthető a tartalmához, vagy ettől függetlenül viselkedhet. Az első esetben, amikor a böngészőablak tartalmát görgetjük, a háttérkép is görgetni fog, míg a másodikban helyben maradhat. Rögzített oldalháttér megvalósításához használja a CSS stílusleíró nyelvet - csak ez garantálja ugyanazt a háttér viselkedést a különböző típusú böngészőkben.
Utasítás
1. lépés
A CSS háttér-melléklet tulajdonságával megadhatja, hogy az oldal hátterének fixnek vagy mozgathatónak kell-e lennie. Ennek a tulajdonságnak összesen három értéke lehet - ha egyiket sem adja meg, akkor alapértelmezés szerint a háttér-mellékletet tekercsnek tekintjük. Ezzel az értékkel a háttérkép együtt görget az oldal tartalmával. Az öröklődő érték lemásolja a szülőelem háttér viselkedését, a rögzített érték pedig függetlenné teszi a háttérképet a tartalomtól - mozdulatlan marad, amikor az oldalt görgetik. Használnod kell.
2. lépés
Készítse elő a CSS utasításait a háttér javításához használni kívánt oldalakon. Ha nem helyezi el a CSS-kódot egy külső stílusleíró fájlban, akkor ezeket az utasításokat a nyitó és a záró stíluscímkék közé kell tenni:
// lesznek stílusleírások
Az oldal háttér viselkedésének leírását a BODY elemhez kell kötni - a CSS terminológiában ezt "szelektornak" hívják, és így fogják írni: BODY {
// az oldal törzsének leírása itt lesz
} Az ehhez a választóhoz tartozó tulajdonságokat göndör zárójelben kell elhelyezni, pontosvesszővel elválasztva: BODY {
háttér-rögzítés: rögzített;
háttérkép: url (images / BG.gif);
} Az első sor rögzíti a háttérképet, a második pedig a háttérképet tartalmazó fájl címét jelzi az oldal címéhez viszonyítva. Ez a két sor egy komplex CSS utasításban írható így: background: url (images / BG.gif) fix;
3. lépés
Illessze be az összes kódot a háttér rögzítéséhez az oldal szövegébe. Kész formájában így nézhet ki:
BODY {háttér: url (images / BG.gif) javítva;}
Természetesen le kell cserélni a háttérképfájl helyét és nevét. Jobb, ha a kódot a címke elé helyezzük, bár ez nem előfeltétel.
