IE6 IE7 CSS 오버플로 문제: 숨김; - 위치: 상대; 콤보
jQuery를 활용하여 이미지, 해당 제목, 티저를 탐색하는 홈페이지 슬라이더를 만들려고 시도하던 중 개발자는 난감한 문제에 직면했습니다. 슬라이더가 다른 브라우저에서는 원활하게 작동했지만 IE6 및 IE7에서는 특히 Overflow: Hidden;을 사용하여 비활성 슬라이드를 숨기는 것과 관련하여 오작동했습니다.
문제가 있는 코드를 정확히 찾아내기 위해 격리된 HTML 페이지를 꼼꼼하게 다시 만들었습니다.
<code class="html"><style>
ul {
position: relative;
}
.item-list {
overflow: hidden;
width: 499px;
}
</style></code>철저한 조사 결과 범인은 '직위 : 친족'인 것으로 밝혀졌습니다.
해결책:
문제를 해결하려면 개발자에게 position:relative;를 추가하는 것이 좋습니다. 대신 컨테이너 요소에. 이 경우에는
위 내용은 오버플로가 발생하는 이유: 숨김; 위치 작업 중지: 상대; IE6과 IE7에서?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
