Strona internetowa niczym kartki papieru

Page Title Shape 1
Page Title Shape 2
Page Title Shape 3

Elementy na stronie internetowej mogą wyświetlać się w różny sposób. Wszystko zależy od naszej wyobraźni oraz umiejętności CSS jakie posiadamy. Dzisiaj chciałbym wytłumaczyć Ci jak szybko zrozumieć czym jest z-index.

Mówiąc w sposób profesjonalny, z-index to jedna z właściwości CSS, która pozwala nam sterować kolejnością wyświetlania elementów względem osi Z. Tak, tak, osi Z.

Mówiąc w prostych słowach możemy określić który element przykrywa inne elementy.

Bardzo ważne jest, żebyś zapamiętał jedną zasadę. Każdy element HTML na stronie ma ustawioną właściwość position na wartość static. Natomiast z-index nie działa dla elementów z taką wartością. Należy ją więc zmienić np. position: relative.

Jeśli to zrobisz, masz do dyspozycji właściwość z-index, której zastosowanie możesz przetestować poniżej 🙂

Jak widzisz można to porównać do kartek papieru. Każdy element to “kartka papieru” którą możemy położyć nad lub pod inną “kartką” (elementem).

Previous Post
Newer Post

Brak produktów w koszyku.

X