Verkkosivun tausta voidaan sitoa sen sisältöön tai käyttäytyä siitä riippumatta. Ensimmäisessä tapauksessa vierittäessä selainikkunan sisältöä myös taustakuva vierittää, kun taas toisessa se voi pysyä paikallaan. Kiinteän sivun taustan toteuttamiseksi sinun on käytettävä CSS-tyylin kuvauskieliä - vain se voi taata saman taustakäyttäytymisen erityyppisissä selaimissa.
Ohjeet
Vaihe 1
CSS: n taustaliitteen avulla voit määrittää, onko sivun taustan oltava kiinteä vai siirrettävä. Tällä ominaisuudella voi olla yhteensä kolme arvoa - jos et määritä mitään niistä, taustaliitteen katsotaan oletuksena olevan vieritys. Tämän arvon avulla taustakuva vierittää sivun sisältöä. Perintöarvo kopioi ylätason elementin taustakäyttäytymisen, ja kiinteä arvo tekee taustakuvan sisällöstä riippumattoman - se pysyy paikallaan, kun sivua vieritetään. Sinun tulisi käyttää sitä.
Vaihe 2
Valmistele CSS-käyttöohjeet sivuille, jotka haluat korjata taustalle. Jos et sijoita CSS-koodia ulkoiseen tyylin kuvaustiedostoon, nämä ohjeet tulisi sijoittaa avaavan ja sulkevan tyylitagin väliin:
// tulee olemaan kuvauksia tyyleistä
Sivun taustakäyttäytymisen kuvauksen on oltava sidottu BODY-elementtiin - CSS-terminologiassa sitä kutsutaan "valitsimeksi" ja se kirjoitetaan seuraavasti: BODY {
// sivun rungon kuvaukset ovat täällä
} Tähän valitsimeen liittyvät ominaisuudet on sijoitettava kiharoiden aaltosulkeisiin, erotettu puolipisteillä: BODY {
taustakiinnitys: kiinteä;
taustakuva: url (images / BG.gif);
} Ensimmäinen rivi sieppaa taustakuvan ja toinen osoittaa taustakuvan sisältävän tiedoston osoitteen sivun osoitteeseen nähden. Nämä kaksi riviä voidaan kirjoittaa yhteen monimutkaiseen CSS-käskyyn näin: background: url (images / BG.gif) kiinteä;
Vaihe 3
Kiinnitä tausta sivun tekstiin liittämällä kaikki koodit. Valmiissa muodossaan se voi näyttää tältä:
BODY {tausta: url (kuvat / BG.gif) korjattu;}
Tietysti sinun on vaihdettava taustakuvatiedoston sijainti ja nimi. On parempi laittaa koodi tunnisteen eteen, vaikka se ei ole edellytys.
