css rétegek
A HTML kód példát mutatunk be.
1. példa létrehozása rétegek
1, a felső réteg
2 felső réteg
Létrehozásához rétegeket használjon DIV tag vagy SPAN. Ezek a címkék egymással felcserélhető, és egymástól csak megjelenésében a böngészőt. Ha a szükséges padding előtt és után a szöveg, akkor használja a DIV elem. Ha olyan szöveget egy bekezdésen belül érvényes SPAN tag.
Pozicionálás típusa határozza meg a paraméter helyzetbe. elem pozícióját koordinálja a két felső és bal oldali. és a sorrendben a réteg z-index értéke.
helymeghatározás rétegek
összesen ingatlan vehet egyet a három érték: (statikus), abszolút (abszolút) és relatív (viszonylagos). Az alapértelmezett statikus paraméterek nem befolyásolja a megállapodás a rétegeket.
Abszolút pozicionálás réteg helyezkedik képest a bal felső sarokban a dokumentum ablak. Abban az esetben, elhelyezés belül egy másik réteg, úgy az abszolút koordinátái a bal felső sarokban a szülő réteg.
Emellett Tag DIV és SPAN abszolút pozicionálás támogatást a következő elemeket tartalmazza:
APPLET, INPUT, gomb, tárgy, SELECT, fieldset, IFRAME, TÁBLÁZAT, IMG, textarea.
Paraméter helyzet: a relatív elmozdulás használják egy réteg képest a szülő elem. Ha ezt az értéket nem változik a végeredmény az elem, de ha vannak beállítva, hogy felfelé, balról tulajdonságait. a réteg elmozdul a normál helyzetébe a dokumentumban.
A réteg helyzetét
Bár a helyzet ingatlan típusát jelzi koordináta rendszer paramétereit felső és bal határozza meg a pontos réteg helyzetét. Ezek a paraméter értékek százalékában határoztuk meg, vagy pixel vállalnak pozitív és negatív értékeket. Ez lehetőséget ad arra, hogy tegye tartalom felett vagy alatt az oldalon, függetlenül a fizikai pozícióját a HTML. Azaz, ha nem tud egy réteget az oldal tetején, amelynek leírása alján HTML-dokumentumot.
Z-index
Z-index tulajdonság meghatározza a sorrendben a rétegek, vagy egymást átfedő képest a többi réteg. Alapértelmezés szerint, az összes réteg vannak elhelyezve z-index értéke nulla. Egyéb rétegek hozhatók alatti negatív érték beállítása a z-index (ábra. 1). A rétegek, amelyekben a z-index nincs beállítva, ez az érték implicit összhangban kiosztott helyzetüket a dokumentumban. Ezért, egy réteg, amely helyezünk a dokumentumban később, felett található a többi elemek korábban elhelyezve.
Ábra. 1. hely a rétegek
A bemutatott példában az elején, azt mutatja, a használata a z paraméter-index helyzetének megváltoztatása a rétegek egymáshoz képest.
láthatóság tulajdonság
Kijelzésére vagy elrejtik használt réteg láthatósági paraméterrel. Azt be lehet állítani, hogy látható legyen. alapértelmezés szerint telepítve megjelenítéséhez réteg, és rejtettek. hogy elrejti.
Dinamikus kezelése fólialeképezésnek hozhat létre legördülő menük, animált weboldal, kibontani vagy összecsukni az ablakok és még sok más.