BGM용 세이라디오
열기▼       고정
전체
글목록

z-index 작동 원리

일요일, 3월 03, 2013
z는 아마 xyz에서 보통 높이를 나타내는 z를 말하는 듯하다.
-z-index(이하 z)는 position이 지정되어 있어야만 작동한다.
-z는 항상 parent 기준이다.
-z가 음수이면 parent 뒤에 나타낼 수 있다.
-z는 정수만 허용된다. 기본은 0이고 최대, 최솟값이 존재한다.
-요소 구성요소들은 포함관계에 따라 그룹화되어 렌더된다. 따라서 parent에서 z-index(이하 z)가 작으면 아무리 child에서 z가 높아도, 더 높더라도 위에 렌더링되지 않는다.
-같은 그룹에 있고 z가 지정되지 않은 경우 서술 순서(새로 추가되는 요소는 Node 순서)에 의해 결정된다.
첫 댓글을 써주세요!

댓글을 인용하려면 @![댓글 ID]!@와 같이 쓰시면 됩니다. "@!" 와 "!@"를 쓰시려면 "+@+!+", "+!+@+"와 같이 써주세요.

페이스북 댓글
.post-outer{ -webkit-transform:none; transform:none; display:inline; padding:0; margin:0; border-width:0; } .hentry>div{ display:none; }