Kuinka Venyttää Taustaa

Sisällysluettelo:

Kuinka Venyttää Taustaa
Kuinka Venyttää Taustaa

Video: Kuinka Venyttää Taustaa

Video: Kuinka Venyttää Taustaa
Video: Tee kuvasta isompi venyttämällä taustaa – näin toimii content-aware scale 2024, Saattaa
Anonim

Web-sivun taustan venyttäminen ei ole helppoa. Pieni temppu auttaa tässä. Ensin muodostetaan kaksi kerrosta - kuvalle ja sivun sisällölle. Ja sitten jokaisen sijainti määritetään. Kuvan kerros venytetään 100%: iin sivun koosta, ja sen vasen yläkulma määritetään raportin nollapisteeksi. Tasojen yhdistämisen jälkeen sivu saa täysin toisenlaisen ilmeen.

Kuinka venyttää taustaa
Kuinka venyttää taustaa

Se on välttämätöntä

Internet-yhteys, verkkoresurssi

Ohjeet

Vaihe 1

Muotoile tagin avulla kaksi kerrosta - layer1 ja layer2. Yhdessä niistä, alemmassa, kuva sijaitsee, toisessa, ylemmässä, verkkosivun sisältö.

Vaihe 2

Määritä tasojen järjestys z-index style -attribuutin avulla. Huomaa, että mitä suurempi määritetyn parametrin arvo, sitä korkeampi tällä hetkellä käytettävissä oleva kerros on suhteessa muihin tasoihin. Aseta absoluuttinen sijoittelu jokaiselle luomallesi tasolle.

Vaihe 3

Aseta kerros1 100%: n leveydeksi ja korkeudeksi. Aseta vasemman yläkulman koordinaatit nollaksi. Tämä auttaa pääsemään eroon vaakasuorasta vierityspalkista.

Vaihe 4

Yhdistä kerrokset.

Suositeltava: