z-index 속성은 대게 정수값을 가지며, 높은 숫자를 가진 요소가 상위에 표시됩니다. 같은 z-index 간에는 HTML 코드상 나중에 등장하는 요소가 상위에 표시됩니다.
z-index 값을 지정하기 위해서는 해당 요소의 position 속성이 relative, absolute, fixed 중 하나여야만 합니다.
z-index의 값은 같은 depth의 요소끼리 비교하는 것이 원칙입니다.
z-index의 기본값은 auto이며, 이 경우 브라우저는 그 요소를 제쳐두고 자식 요소의 z-index 값을 비교대상으로 삼습니다. (단, Internet Explorer 7에서는 z-index의 기본값이 0인 버그가 있습니다.)
출처: http://dev.epiloum.net/904
'programing > html5&css3' 카테고리의 다른 글
html/css - 메뉴바 만들기 (0) | 2018.04.04 |
---|---|
html/css - id와 class, 우선적용 순위 (0) | 2018.04.04 |
앱 웹 전화, 문자, 이메일, 영상전화 링크 걸기 (0) | 2018.03.22 |
CSS3 - 고정된 사이드바 메뉴 만들기 (0) | 2018.03.14 |
CSS3 - button 버튼 왼쪽 정렬 (1) | 2018.03.14 |