Tinklalapio fonas gali būti susietas su jo turiniu arba elgtis nepriklausomai nuo jo. Pirmuoju atveju naršant naršyklės lange turinį slinks ir fono paveikslėlis, o antruoju - jis gali likti nejudantis. Norėdami įdiegti fiksuoto puslapio foną, turėtumėte naudoti CSS stiliaus aprašymo kalbą - tik ji gali garantuoti tą patį fono elgesį skirtingų tipų naršyklėse.
Nurodymai
1 žingsnis
Norėdami nurodyti, ar puslapio fonas turi būti pataisytas, ar kilnojamas, naudokite CSS ypatybę fone. Iš viso ši ypatybė gali turėti tris reikšmes - jei nenurodote nė vienos iš jų, tada pagal numatytuosius nustatymus fono priedas laikomas slinktu. Naudojant šią vertę, fono paveikslėlis slenka kartu su puslapio turiniu. Paveldimo vertė nukopijuoja pirminio elemento fono elgesį, o fiksuota reikšmė daro fono vaizdą nepriklausomą nuo turinio - slenkant puslapiui jis lieka nejudantis. Jūs turėtumėte jį naudoti.
2 žingsnis
Paruoškite CSS naudojimo instrukcijas puslapiuose, kuriuose norite pataisyti foną. Jei nedėsite CSS kodo į išorinį stiliaus aprašymo failą, šias instrukcijas reikia įdėti tarp atidaromosios ir uždaromos stiliaus žymos:
// bus stilių aprašymai
Puslapio fono elgesio aprašymas turi būti susietas su elementu BODY - CSS terminologijoje jis bus vadinamas „selector“ir bus parašytas taip: BODY {
// puslapio turinio aprašymai bus čia
} Su šiuo parinkikliu susijusios ypatybės turi būti dedamos į garbanotas petnešas, atskirtas kabliataškiais: BODY {
pritvirtinimas prie fono: fiksuotas;
fono paveikslėlis: url (images / BG.gif);
} Pirmoji eilutė fiksuoja fono vaizdą, o antroji nurodo failo, kuriame yra fono paveikslėlis, adresą, palyginti su puslapio adresu. Šias dvi eilutes galima parašyti vienu sudėtingu CSS sakiniu taip: background: url (images / BG.gif) taisytas;
3 žingsnis
Įklijuokite visą kodą, kad pataisytumėte foną į puslapio tekstą. Galutinėje formoje jis gali atrodyti taip:
BODY {background: url (images / BG.gif) taisytas;}
Žinoma, reikia pakeisti fono paveikslėlio failo vietą ir pavadinimą. Geriau įdėti kodą prieš žymą, nors tai nėra būtina sąlyga.
