IE6 및 IE7에서 '오버플로: 숨김'이 '위치: 상대'와 작동하지 않는 이유는 무엇입니까?
- DDD원래의
- 2024-11-02 14:06:03462검색
IE6 및 IE7에서 Overflow: Hidden 및 Position: Relative 관련 CSS 문제 해결
Internet Explorer 6 및 7에서 Overflow: Hidden 및 Position과 관련된 CSS 문제가 발생하는 경우 :relative, 의도한 기능을 방해하는 특정 원인이 있는 경우가 많습니다.
제공된 코드 조각에서 문제는 ul 요소에 적용된 position:relative 속성으로 인해 발생할 수 있습니다. 이 속성은 슬라이더의 기능에 필수적이지만 항목 목록 div의 Overflow: Hidden 속성을 실수로 방해합니다.
이 문제를 해결하려면 다음과 같이 body 요소에 상대적인 position:을 추가하세요. 아래 수정된 코드는 다음과 같습니다.
<code class="html"><body>
<div style="position:relative;"> <!-- New div with position:relative -->
<div class="column-1">
<div class="item-list clearfix">
<!-- Rest of the code remains the same --></code>
이 추가 사항은 position:relative를 사용하여 새 컨테이너를 생성하여 ul 요소의 위치 지정을 효과적으로 격리하고 item-list div의 Overflow:hidden 속성이 예상대로 작동하도록 허용합니다. 결과적으로 비활성 슬라이드가 성공적으로 숨겨집니다.
위 내용은 IE6 및 IE7에서 '오버플로: 숨김'이 '위치: 상대'와 작동하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.