본문 바로가기
웹 퍼블리셔/웹접근성

[크로스브라우징] ie6 ie7에서 z-index 값이 안 먹히는 경우



[IE6~9] ie6 ie7에서 z-index 값이 안 먹히는 경우

크로스브라우징 작업을 하다보면 z-index를 써야 할 경우가 있는데요. 팝업창이나 메뉴사용시가 그럴 경우 입니다. ie8 ie9에서는 상관이 없지만 ie6 ie7에서는 z-index버그가 있기때문에 핵을 사용해도 해결 될 수 없는 부분입니다. 그래서 사용하는 방법이 절대값(absolute)상대값(relative)을 사용하는 것입니다.

기본적인 개념을 이렇습니다.

상위(posiotion:relative)값에 높은 쪽 z-index를 넣고
하위(position:absolute)값에 낮은 z-index 값을 넣는다.




로그인 창이 메뉴네비게이션에 가리는 문제점이 생기네요^^
그래서 절대값과 z-index값을 줬습니다.

 



그랬더니 이렇게 바뀌었네요^^
하지만 문제점이 생깁니다.
메뉴 네비에션에 상대값 표지션을 주었기 때문에
또다른 문제점이 나타나는데...
그것은 CSS를 수정해서 조절하는 수 밖에 없네요^^