IE6 및 IE7의 `overflow: Hidden`이 `position:relative` `ul`에서 작동하지 않는 이유는 무엇입니까?
- Patricia Arquette원래의
- 2024-11-03 05:12:02223검색
IE6 IE7 CSS 문제: 오버플로: 숨김이 위치: 상대와 작동하지 않음
오버플로: 숨김을 사용할 때 문제가 발생합니다. IE6 및 IE7의 슬라이더 내에서 비활성 슬라이드를 숨기려면 위치가 상대인 ul 요소에 적용될 때 오버플로 속성이 작동하지 않습니다. 그것에 설정하십시오. 이러한 방해로 인해 요소가 올바르게 숨겨지지 않습니다.
제공된 HTML 코드를 조사하면 해당 위치가 나타납니다: 상대; 실제로 ul 요소에 적용됩니다. 그러나 이는 콘텐츠를 슬라이드하기 위해 ul의 왼쪽 속성을 조정하는 슬라이더의 JavaScript 기능에 필요합니다.
해결책:
이에 대한 해결책 문제는 IE6 및 IE7의 알려진 버그를 이해하는 데 있습니다. 이 버그를 극복하려면 position:relative;를 추가하세요. ul 요소의 컨테이너에. 제공된 코드에서는 본문이 컨테이너입니다. 따라서 권장되는 수정 방법은 본문 바로 아래에 div를 추가하고 position:relative;를 적용하는 것입니다.
수정 사항을 설명하려면:
<code class="html"><body>
<div style="position: relative;">
<!-- Slider code here -->
</div></code>
이 추가 div를 위치: 상대; 코드에 대한overflow:hidden; ul 요소의 속성이 IE6 및 IE7에서 올바르게 작동하기 시작하여 비활성 슬라이드가 예상대로 숨겨질 수 있습니다.
위 내용은 IE6 및 IE7의 `overflow: Hidden`이 `position:relative` `ul`에서 작동하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.