HTML-merkintäkielen avulla web-suunnittelija voi käyttää mitä tahansa kuvaa taustakuvana. Kielestä itsestään puuttuu sisäänrakennettu ohjaus taustakuville. Lisää hienosäätöä tehdään CSS-tyylitaulukoiden avulla.
Ohjeet
Vaihe 1
Jotta tausta venytettäisiin selaimen koko leveydelle, sinun on käytettävä z-index-parametria CSS: ssä. Sen avulla voit asettaa luomiesi elementtien järjestyksen. Mitä korkeampi tämän attribuutin arvo, sitä korkeampi lohko sijaitsee sivulla.
Vaihe 2
Luo uusia asiakirjoja html- ja css-muodossa (hiiren oikea painike - "Uusi" - "Tekstitiedosto") ja avaa ne millä tahansa tekstieditorilla.
Vaihe 3
Aseta taustakuva alimmalle kerrokselle. Se venyy näytön tarkkuudesta riippuen. Yläosassa on toinen elementti, jolla sivun sisältö näytetään. Voit tehdä tämän luomalla kaksi lohkoa. Kirjoita css-tiedostoon:.1layer {z-index: 1; leveys: 100% height: 100% position: absoluuttinen;}. 2layer {Position: absoluuttinen; z-index: 2; } Sijainti: absoluuttinen parametri antaa sinun asettaa absoluuttisen paikannuksen, ts. kerros sijoitetaan muista elementeistä riippumatta.
Vaihe 4
Sisällytä luotu CSS-koodi HTML-tiedostoon käyttämällä linkkitunnistetta: Sivun tausta
Vaihe 5
Luo uusi taso. Tunnisteen käyttö
aseta siihen kuva. Esimerkki: Sivun sisältö img: lle määritetään vain leveysparametri, koska jos määrität lisäksi korkeuden, joissakin selaimissa kuvavääristymät tulevat näkyviin.
Vaihe 6
Tallenna muutokset. Testaa koodisi suurentamalla sivua selainikkunassa. Myös taustakuva tulisi suurentaa.
