이 부분은 저를 괴롭 힙니다. 절대 위치가있는 페이지의 요소가 상대 위치의 컨테이너 안에 있습니다. IE7을 제외한 모든 브라우저에서 문제없이 올바른 위치에 나타납니다. 내가 (color처럼, 가시성 또는 위치와는 아무 상관도 특성)을 추가하거나 개발자 도구 모음의 속성 탭에서의 CSS 속성의을 편집 때까지개발자 툴바를 통해 편집하기 전까지는 요소가 IE7에 표시되지 않습니다.
, 요소가 표시되지 않습니다 . 일단 내가 그렇게하면 올바르게 나타납니다. 방금 추가 한 속성을 삭제하면 (또는 수정을 취소해도) 계속 볼 수 있습니다!
이것은 IE7 관련 표시 버그 여야합니다. 그러나 주위에 방법을 알아낼 수 없습니다. float, zoom 등을 사용하지 마십시오.
사라지는 요소를 한 단계 더 깊게 다른 하위 요소로 옮겨서이 문제를 해결했습니다. 자식 요소는 플로팅되었지만 위치가 없기 때문에 사라지는 요소는 부모 요소와 관련하여 여전히 위치합니다. 이는 내가 원하는 것입니다. 그러나 어떤 이유로이 문제가 IE7에서 볼 수 있습니다. 있다.
<div id="parent" style="position: relative;">
<div id="disappear" style="position: absolute; left: -8px; top: -17px;>This element disappears</div>
</div>
이것은 표시 만드는 것입니다 :
이
내가 그 요소가 (이 아니라 실제 ID를) 사라질 발생했다 무엇<div id="parent" style="position: relative;">
<div id="child" style="float: left; width: 340px;">
<div id="disappear" style="position: absolute; left: -8px; top: -17px;">Now this element appears</div>
</div>
</div>
는 #parent 부동하고 그것을 width을 제공 (#child과 같은 두 속성이 작동하지 않습니다.) - 별도의 하위 요소를 사용해야합니다. 완전히 기괴하지만, 누군가가 같은 문제에 빠지면 나는 이것을 게시 할 것이라고 생각했다!
IE 개발자 도구 모음이 표시되는 방식이 이상하지 않습니까?!
요소 위치를 지정하기 위해 음수 여백을두고 상대적 위치 지정을 사용하여 자식 요소에 절대 위치 지정을 사용하는 대신이를 수정했습니다. 이상적이지는 않지만 디자인이 더욱 허술해 지지만 당시로서는 유일한 옵션이었습니다.