HTML-markeringsspråket tillåter en webbdesigner att använda valfri bild som bakgrundsbild. Själva språket saknar dock inbyggda kontroller för bakgrundsbilder. Mer finjustering görs med kaskad CSS-formatmallar.
Instruktioner
Steg 1
För att få bakgrunden att sträcka sig till webbläsarens hela bredd måste du använda z-indexparametern i din CSS. Det låter dig ställa in ordningen på elementen du skapar. Ju högre värde för detta attribut, desto högre kommer blocket att finnas på sidan.
Steg 2
Skapa nya dokument i html- och css-format (höger musknapp - "Ny" - "Textfil") och öppna dem med valfri textredigerare.
Steg 3
Placera bakgrundsbilden på det nedre lagret. Det sträcker sig beroende på skärmupplösningen. Överst kommer ett annat element att lokaliseras där sidinnehållet visas. För att göra detta, skapa två block. I css-filen skriv:.1layer {z-index: 1; bredd: 100% höjd: 100% position: absolut;}. 2 lager {Position: absolut; z-index: 2; } Parametern position: absolut låter dig ställa in absolut positionering, dvs. skiktet kommer att placeras oberoende av andra element.
Steg 4
Inkludera den genererade CSS-koden i HTML-filen med länktaggen: Sidabakgrund
Steg 5
Skapa ett nytt lager. Använda taggen
placera en bild på den. Till exempel: Sidinnehåll För img anges endast breddparametern, för om du anger ytterligare höjd visas i vissa webbläsare bildförvrängning.
Steg 6
Spara dina ändringar. För att testa din kod förstorar du sidan i webbläsarfönstret. Bakgrundsbilden bör också förstoras.
