본문 바로가기

web's

광고

Design

Reference

Tutorial

웹 표준 사이트 만들기
반응형 웹 사이트 만들기
패럴럭스 배우기

CSS

NEWS

SITE

Coding

광고

ie7 ie8

[크로스브라우징] 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값을 줬습니다. 그랬더니 이렇게 바뀌..