z-index 적용
처음 예제에서(z-index가 없는 경우의 쌓임) 엘리먼트들이 기본적으로 어떻게 쌓이는지 설명했다. 만약 다른 쌓임 순서를 적용하고 싶다면 먼저 엘리먼트에 position 속성을 지정하고 z-index 속성을 지정해야한다.
z-index 속성은 하나의 정수 값을 가질 수 있다(양수, 음수 모두 가능하다). 이 값은 해당 엘리먼트의 z축 상의 위치를 나타낸다. 만약 당신이 z축에 익숙하지 않다면 여러 레이어가 쌓여있는 페이지를 상상해보라. 각 레이어는 번호가 붙어있고 높은 번호를 가진 레이어는 낮은 번호를 가진 레이어 위에 렌더링된다.
다시한번 경고! z-index는 position 속성이 설정된 엘리먼트에 대해서만 의미를 갖는다.
출처 - https://developer.mozilla.org/ko/docs/CSS/Understanding_z-index/Adding_z-index
'Development > CSS' 카테고리의 다른 글
| css - version update, cache flush (0) | 2014.08.27 |
|---|---|
| css - sass (0) | 2014.06.27 |
| css - position absolute center (0) | 2014.05.04 |
| css - Background-color displaying incorrectly in IE8 and IE9 (0) | 2014.04.29 |
| css - placeholder color (0) | 2014.04.27 |
