scroll UI z-index IE problem에 대해서

가로 스크롤 슬라이더 UI를 제작하던 중 컨텐츠 영역에 hover시 z-index가 오픈메뉴 위로 튕겨나가는 이슈가 있었다.

슬라이드가 메인 전체를 차지하고 있었고
그 위로 오픈메뉴가 있는데

ie에서는 li 요소가 그 위로 뜨는 것이다.

알고보니 멍청한 ie를 위해서

z-index를 명확하게 써줘야 한다고 한다.

이런 구조로 이루어져있었는데

header와 #sidemenu에 아무리 z-index: 1000000000000000000000을 준다고 하더라도

컨텐츠가 담긴 #content에 z-index가 없다면 올라가지 않는다.

 

이유인 즉슨 부모들에게도 인덱스 값을 명확하게 주어야 ie에서 정상적으로 동작한다는 말이다.

 

참.. 별것도 아닌걸로 매일 헤멘다..

^_ㅠ