HTML iezīmēšanas valoda ļauj tīmekļa dizainerim izmantot jebkuru attēlu kā fona attēlu. Tomēr pašai valodai trūkst iebūvētu vadlīniju fona attēliem. Precīzāka pielāgošana tiek veikta, izmantojot CSS stilu lapas kaskādēs.
Instrukcijas
1. solis
Lai fons izstieptos visā pārlūkprogrammas platumā, CSS jāizmanto parametrs z-index. Tas ļauj iestatīt izveidoto elementu secību. Jo augstāka ir šī atribūta vērtība, jo augstāks bloks atradīsies lapā.
2. solis
Izveidojiet jaunus dokumentus html un css formātā (peles labā poga - "Jauns" - "Teksta fails") un atveriet tos, izmantojot jebkuru teksta redaktoru.
3. solis
Novietojiet fona attēlu uz apakšējā slāņa. Tas izstiepsies atkarībā no ekrāna izšķirtspējas. Augšdaļā tiks izvietots vēl viens elements, kurā tiks parādīts lapas saturs. Lai to izdarītu, izveidojiet divus blokus. CSS failā ierakstiet:.1layer {z-index: 1; platums: 100% height: 100% position: absolūts;}. 2layer {Position: absolūts; z-index: 2; } Pozīcija: absolūtais parametrs ļauj iestatīt absolūto pozicionēšanu, t.i. slānis tiks novietots neatkarīgi no citiem elementiem.
4. solis
Iekļaujiet ģenerēto CSS kodu HTML failā, izmantojot saites tagu: Lapas fons
5. solis
Izveidojiet jaunu slāni. Taga izmantošana
novieto uz tā attēlu. Piemēram: Lapas saturs IMG ir norādīts tikai platuma parametrs, jo, ja papildus norādīsit augstumu, dažās pārlūkprogrammās parādīsies attēla izkropļojumi.
6. solis
Saglabājiet izmaiņas. Lai pārbaudītu kodu, pārlūkprogrammas logā palieliniet lapu. Fona attēls ir arī jāpalielina.
