HTML-markupsproget tillader en webdesigner at bruge ethvert billede som baggrundsbillede. Imidlertid mangler selve sproget indbyggede kontroller til baggrundsbilleder. Mere finjustering udføres ved hjælp af cascading CSS-stilark.
Instruktioner
Trin 1
For at få baggrunden til at strække sig til browserens fulde bredde skal du bruge z-indeksparameteren i din CSS. Det giver dig mulighed for at indstille rækkefølgen af de elementer, du opretter. Jo højere værdien af denne attribut, jo højere vil blokken blive placeret på siden.
Trin 2
Opret nye dokumenter i html- og css-format (højre museknap - "Ny" - "Tekstfil"), og åbn dem ved hjælp af en hvilken som helst teksteditor.
Trin 3
Placer baggrundsbilledet på det nederste lag. Det strækker sig afhængigt af skærmopløsningen. Øverst findes et andet element, hvor sideindholdet vises. For at gøre dette skal du oprette to blokke. I css-filen skriv:.1lag {z-indeks: 1; bredde: 100% højde: 100% position: absolut;}. 2 lag {Position: absolut; z-indeks: 2; } Positionen: absolut parameter giver dig mulighed for at indstille absolut positionering, dvs. laget placeres uafhængigt af andre elementer.
Trin 4
Inkluder den genererede CSS-kode i HTML-filen ved hjælp af linketagget: Side baggrund
Trin 5
Opret et nyt lag. Brug af taggen
placer et billede på det. For eksempel: Sideindhold Til img er kun bredde-parameteren angivet, for hvis du angiver yderligere højde, vises billedforvrængning i nogle browsere i nogle browsere.
Trin 6
Gem dine ændringer. For at teste din kode skal du forstørre siden i dit browservindue. Baggrundsbilledet skal også forstørres.
