Die HTML-opmerktaal stel 'n webontwerper in staat om enige beeld as agtergrond te gebruik. Die taal self ontbreek egter ingeboude kontroles vir agtergrondbeelde. Meer fyn aanpassing word gedoen deur gebruik te maak van kaskade CSS-stylblaaie.
Instruksies
Stap 1
Om die agtergrond tot die volle breedte van die blaaier te laat rek, moet u die parameter z-index in u CSS gebruik. Hiermee kan u die volgorde van die elemente wat u skep, instel. Hoe hoër die waarde van hierdie kenmerk, hoe hoër sal die blok op die bladsy wees.
Stap 2
Skep nuwe dokumente in html- en css-formaat (regter muisknop - "Nuwe" - "Tekslêer") en open dit met enige teksredigeerder.
Stap 3
Plaas die agtergrondprent op die onderste laag. Dit sal afhang van die skermresolusie. Aan die bokant sal 'n ander element wees waarop die bladsy-inhoud vertoon word. Skep twee blokke om dit te doen. Skryf in die css-lêer:.1laag {z-indeks: 1; breedte: 100% hoogte: 100% posisie: absoluut;}. 2 laag {Positie: absoluut; z-indeks: 2; } Die posisie: absolute parameter stel u in staat om absolute posisionering in te stel, d.w.s. die laag sal onafhanklik van ander elemente geposisioneer word.
Stap 4
Sluit die gegenereerde CSS-kode in die HTML-lêer in met behulp van die skakeltag: bladsy-agtergrond
Stap 5
Skep 'n nuwe laag. Gebruik die merker
plaas 'n prentjie daarop. Byvoorbeeld: bladsy-inhoud Vir img word slegs die breedte-parameter gespesifiseer, want as u addisionele hoogte spesifiseer, sal beeldvervorming in sommige blaaiers verskyn.
Stap 6
Stoor u veranderinge. Om u kode te toets, vergroot die bladsy in u blaaiervenster. Die agtergrondprent moet ook vergroot word.
