Internet Explorer 7 (IE7) 버그 정리

overflow 속성 고정 버그

  • DIV에서 overflow: scroll 속성을 가지고 있을 때 자식요소 중 position: relative 속성을 가지면 위치가 고정되는 버그
    • 해결방안
    • overflow: scroll 속성을 부여한 요소에 position: relative 속성을 부여하면 된다.

 

<div style="overflow:scroll; width: 200px; height:50px; position: relative;">
    <div>자식요소</div>
    <div>자식요소</div>
    <div>자식요소</div>
    <div>자식요소</div>
    <div>자식요소</div>
    <div style="position: relative;">자식요소 - IE7에서 해당 요소 위치가 고정됨</div>
    <div>자식요소</div>
    <div>자식요소</div>
    <div>자식요소</div>
</div>