Limbajul de marcare HTML permite unui designer web să utilizeze orice imagine ca imagine de fundal. Cu toate acestea, limbajul în sine nu are controale încorporate pentru imaginile de fundal. Reglarea mai fină se face folosind foi de stil CSS în cascadă.
Instrucțiuni
Pasul 1
Pentru ca fundalul să se întindă la întreaga lățime a browserului, trebuie să utilizați parametrul index-z în CSS. Vă permite să setați ordinea elementelor pe care le creați. Cu cât valoarea acestui atribut este mai mare, cu atât blocul va fi situat pe pagină.
Pasul 2
Creați documente noi în format html și css (butonul dreapta al mouse-ului - „Nou” - „Fișier text”) și deschideți-le folosind orice editor de text.
Pasul 3
Plasați imaginea de fundal pe stratul inferior. Se va întinde în funcție de rezoluția ecranului. În partea de sus, va fi amplasat un alt element pe care va fi afișat conținutul paginii. Pentru a face acest lucru, creați două blocuri. În fișierul css scrieți:.1layer {z-index: 1; lățime: 100% înălțime: 100% poziție: absolut;}. 2layer {Poziție: absolut; z-index: 2; } Parametrul poziție: absolut vă permite să setați poziționarea absolută, adică stratul va fi poziționat independent de alte elemente.
Pasul 4
Includeți codul CSS generat în fișierul HTML utilizând eticheta de legătură: Fundalul paginii
Pasul 5
Creați un strat nou. Folosind eticheta
pune o poză pe ea. De exemplu: Conținutul paginii Pentru img, este specificat doar parametrul de lățime, deoarece dacă specificați suplimentar înălțimea, în unele browsere, va apărea distorsiunea imaginii.
Pasul 6
Salvați modificările. Pentru a vă testa codul, măriți pagina în fereastra browserului. Imaginea de fundal ar trebui, de asemenea, să fie mărită.
