본문 바로가기

Web/HTML

ie7 이하 버전에서의 z-index 버그

반응형


유독 ie7이 말썽이 많다.

position:relative값을 가진 엘리먼트가 position값을 사용한 엘리먼트를 감싸게 되면 해당 엘리먼트의 z-index값을 0으로 만들어 버리는 문제가 생긴다. 즉 자식요소에 z-index값을 줘도 부모요소가 position:relative라면 ie7에서는 z-index의 값이 0이 되어 무시되버린다.

 대안으로 부모 객체의 z-index값을 더 높이 설정해주면 정삭적으로 보이게 된다.

반응형