IE6 및 IE7의 `overflow: Hidden`이 `position:relative` `ul`에서 작동하지 않는 이유는 무엇입니까?-CSS 튜토리얼-php.cn

IE6 및 IE7의 `overflow: Hidden`이 `position:relative` `ul`에서 작동하지 않는 이유는 무엇입니까?

Patricia Arquette

풀어 주다： 2024-11-03 05:12:02

원래의

204명이 탐색했습니다.

Why Does `overflow: hidden` Not Work on a `position: relative` `ul` in IE6 and IE7?

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!