[CSS] Z-Index를 올려줘도 상위로 안올라 오는 문제

아주 간단하다.
다음과 같이 아래쪽 레이어에 겹쳐버리는 문제...
그러면 Z-Index를 높여주면 되겠지? 하고 999 식으로 z-index를 아무리 올려도 적용이 안된다.

알고보니 부모레이어의 Z-index에 영향을 받아서 최상위로 올라가지 않는 현상이었다.

...감싸고있는 부모 엘리먼트의 z-index값에 따라 ie6,7의 적용에 영향을 미친다,
서로다른 부모엘리먼트에서 레이어를 띄울경우 부모엘리먼트에 단순히 position:relative;만을 주고 레이어 엘리먼트에 z-index값을 적용하였을때 마지막에 온 부모 엘리먼트 가 최상위로...

출처 : http://odini84.cafe24.com/wordpress/?p=164

html의 계층구조를 살펴보니 상위 z-index와 뭔가 값이 묘했다.
그래서 최상위 z-index는 200번대
하위 내용에 대해서는 100번대 zindex 를 줬다

`TopArea (z-index 100)                --> 200
    ㄴ top_box     
    ㄴ top_content (z-index 100)     --> 201
`TopTap
`TopDetail
`BodyArea (z-index 200)              --> 100
    ㄴ BodyCon
    ㄴ Right  (x-index 220)             --> 101

결과는 성공..