Hur Man Sträcker Bakgrunden

Innehållsförteckning:

Hur Man Sträcker Bakgrunden
Hur Man Sträcker Bakgrunden

Video: Hur Man Sträcker Bakgrunden

Video: Hur Man Sträcker Bakgrunden
Video: Så gör du din bakgrundsbild levande/live🌻💓 2024, November
Anonim

Att sträcka bakgrunden på en webbsida är inte lätt. Ett litet knep hjälper till här. Först bildas två lager - för bilden och sidinnehållet. Och sedan bestäms placeringen av var och en av dem. Skiktet med bilden sträcks till 100% av sidstorleken, och dess övre vänstra hörn tilldelas som rapportens nollpunkt. Efter att lagren har sammanfogats får sidan ett helt annat utseende.

Hur man sträcker bakgrunden
Hur man sträcker bakgrunden

Det är nödvändigt

Internetanslutning, webbresurs

Instruktioner

Steg 1

Forma två lager med hjälp av taggen - lager1 och lager2. På en av dem, den nedre, kommer bilden att placeras, på den andra, den övre, innehållet på webbsidan.

Steg 2

Bestäm lagrets ordning med attributet z-index style. Observera att ju högre värde för den angivna parametern, desto högre kommer det aktuella tillgängliga lagret att vara i förhållande till andra lager. Ställ in absolut positionering för varje lager du skapar.

Steg 3

Ställ in lager1 till 100% bredd och höjd. Ställ in koordinaterna för det övre vänstra hörnet till början, noll. Detta hjälper dig att bli av med det horisontella rullningsfältet.

Steg 4

Slå ihop skikten.

Rekommenderad: