Crearea de straturi - html, css, javascript, perl, php, mysql

etichetă Folosit pentru straturile pe care le puteți poziționa cu exactitate. Dacă nu specificați poziția stratului (folosind parametrii stânga și de sus), atunci în mod implicit este plasat în colțul din stânga sus al ferestrei.
etichetă Creează un strat a cărui poziție este determinată când documentul este generat.

Să începem cu un exemplu simplu. Vrem să creăm două straturi. În primul dintre ele am pus imaginea, iar în al doilea - textul. Tot ce vrem să facem este să arătați acest text pe partea de sus a acestei imagini.


Text peste imagine


Crearea de straturi - html, css, javascript, perl, php, mysql


Straturi-Demo

După cum puteți vedea, folosind eticheta noi formăm două straturi. Ambele straturi sunt poziționate ca 200/100 (prin parametrii rămași și de sus). Tot ce este între etichete și (sau etichete și ) aparține stratului descris.
În plus, folosim parametrul z-index. determinând astfel ordinea apariției acestor straturi - adică, în cazul nostru, informați browserul că textul va fi scris în partea de sus a imaginii. În general, stratul cu cel mai înalt număr al indexului z va fi afișat pe lângă toate celelalte. Nu vă limitați la alegerea indexului z numai la valorile 0 și 1 - puteți alege oricând un număr pozitiv.
Deci, dacă e în prima etichetă Veți scrie z-index = 100. atunci textul va apărea sub imagine - numărul său de strat al indexului Z (z-index = 1). Puteți vedea textul prin imagine, deoarece am folosit un fundal transparent (format gif89a) în el.


Tekt sub imagine

Articole similare