오버플로: 숨겨진 CSS IE6, IE7, IE8에서 잘못 된 솔루션

오늘, 우리 할 오버플로 사용 하 여 실현 하기 위해 쇼핑몰: 숨겨진 하지만 어떻게 즉 이다 우리의 생각 내 효과, 온라인 검사는 원래가 도달 하지 아 버그, 수 처리 하는 방법을 알아보겠습니다.
-
원인:

오버플로우: 숨겨진된 속성의 부모 요소 부모 요소의 직접적인 자식 요소 또는 하위 자식 요소의 스타일 위치: 상대 속성을 소유 하는 경우 무효화.

해결 방법:

우리는 IE 6에서 부모 요소의 오버플로 설정 하는 경우에 자식 요소는 부모 요소에 의해 설정 높이 초과할 것 이라고 발견: 숨겨진.
버그를 해결 하는 것은 간단 합니다, 부모 요소에 위치: 상대를 사용 하 고 버그를 해결

I e 7와 i e 6

I e 6와 i e 7 오버플로 내부에서 발견: 숨겨진된 잘못 된, 또는 외부 div을 넘어 될 것입니다

나중에 외부 div 플러스 위치: 상대를 해결 하는

일시적으로 추가 * 해킹을 번호, 문제의 원인은 무엇 인가 공부 하는 시간이

음, 질문은 모두 내 예제를 봐 보자 했다.

IE6 i e 7을 IE8 문제 해결책을 있다.

당신이 문제를 찾을, 아래 코드를 보면

코드는 다음과 같이 복사 됩니다.
< div 클래스 "제품 그림 앨범" = >
< div 클래스 "엄지" = >
< ul >
< 리 >
< div 클래스 "가 게-세부 사항-그림-외부" = >
< div 클래스 "가 게-세부-img" = >
< p >
< 제목 = "rel =" {갤러리: 'Gal1', smallimage: '312x312_39956512.jpg', largeimage: ' 39956512.jpg '} ' href = ' Javascript:void (0) ">
< img alt = "" src = "45x45_39956512.jpg" >
< /a >
</p >
< / div >
< / div >
< /li >
.........
< /ul >
< / div >
< / div >

CSS 코드는 다음과 같습니다.

코드는 다음과 같이 복사 됩니다.
. 앨범 {디스플레이: 블록}
. 앨범 엄지 {폭: 100%; 오버플로우: 숨겨진; 높이: 62px;}
. 앨범. 엄지 ul {여백: 0; padding: 0; 폭: 310px; 높이: 62px, 오버플로우: 숨겨진; 디스플레이: 블록;}
. 앨범. 엄지 ul li {margin: 5px 5px 0px 5px, 플 로트: 왼쪽; 목록-스타일: 없음;}

이 코드 발견 아무 문제, 하지만 몇 가지 왜곡과 회전 후, 위와 더 낮은 충격으로 인해, 그 설정된 오버플로 별도 표시의 시작: 숨겨진된 레이어 위치 태그 문제가 있다. 마지막으로 완료.

해결 방법: 설정된 오버플로에 위치 추가: 숨겨진된 레이어. 인치 앨범 엄지 ul로 추가

코드는 다음과 같이 복사 됩니다.
{위치: 상대; 왼쪽: 0px; 가기: 0px;}

받는 사람

하 하, 마지막으로 완료, 하지만 우리가 하지 신중 하 게이 문제를 보면, 친구에 대 한 필요를 참조할 수 있는 희망.