따라서 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" />
'웹관련 > 크로스브라우징' 카테고리의 다른 글
[ie7,8] CSS3 그림자 효과 ie포함 - htc이용 (0) | 2016.09.23 |
---|---|
[크로스브라우징] ie 9이하 html5/css인식 (0) | 2016.06.10 |
[CSS] jQuery png fadeOut() hide() animate 검은색 문제 해결 방법 (0) | 2016.06.10 |
[크로스브라우징] - ie6,7,8 둥근모서리,박스음영,그라디언트,투명효과,박스모델회전 (0) | 2016.06.10 |
[ie7]Jquery - ie7 쉼표 오류 (0) | 2016.06.10 |
댓글