본문 바로가기
웹관련/크로스브라우징

[ie7]z-index 오류해결방안

by 착한덕환 2016. 6. 10.




인터넷 익스플로러7 에서 position 값을 가진 요소는 새로운 쌓임 맥락(stacking context)을 만들 때 z-index를 0으로 만든다. 
따라서 z-index는 더이상 제대로 작동하지 않는다. 

-해결방안- 부모 요소(relative)에 더 높은 z-index 값을 주면 버그가 해결된다. 
[부모-자식 관계에서 자식 요소가 가진 z-index 값보다 부모에 높은 z-index를 주면된다.]

ex)
<div style="position: relative; z-index: 3000">
    <div style="position:absolute; z-index:1000;">
        <a href="#">Test Page</a>
    </div>
</div>
<img style="position:absolute" src="img.png" />


댓글