HTML-merkespråket lar en webdesigner bruke et hvilket som helst bilde som bakgrunnsbilde. Imidlertid mangler språket i seg selv innebygde kontroller for bakgrunnsbilder. Mer finjustering gjøres ved hjelp av cascading CSS-stilark.
Bruksanvisning
Trinn 1
For å få bakgrunnen til å strekke seg til hele nettleserens bredde, må du bruke z-indeksparameteren i CSS. Det lar deg sette rekkefølgen på elementene du oppretter. Jo høyere verdien av dette attributtet, desto høyere vil blokken være på siden.
Steg 2
Opprett nye dokumenter i html- og css-format (høyre museknapp - "Ny" - "Tekstfil") og åpne dem ved hjelp av hvilken som helst teksteditor.
Trinn 3
Plasser bakgrunnsbildet på det nederste laget. Den vil strekke seg avhengig av skjermoppløsningen. Øverst vil et annet element bli lokalisert der sideinnholdet vises. For å gjøre dette, opprett to blokker. I css-filen skriv:.1lag {z-indeks: 1; bredde: 100% høyde: 100% posisjon: absolutt;}. 2 lag {Posisjon: absolutt; z-indeks: 2; } Posisjonen: absolutt parameter lar deg angi absolutt posisjonering, dvs. laget vil bli plassert uavhengig av andre elementer.
Trinn 4
Inkluder den genererte CSS-koden i HTML-filen ved hjelp av koblingstaggen: Side bakgrunn
Trinn 5
Lag et nytt lag. Bruke taggen
legg et bilde på den. For eksempel: Sideinnhold For img er bare bredde-parameteren spesifisert, for hvis du spesifiserer høyde i noen nettlesere, vil bildeforvrengning vises.
Trinn 6
Lagre endringene. For å teste koden din, forstørre siden i nettleservinduet. Bakgrunnsbildet bør også forstørres.
