2010-01-19 3 views
2

IE8에서 문제가 있다고 생각합니다. 이미지 및 온라인 데모로 설명하겠습니다.IE8 Toggle Bug?

먼저 페이지를 방문 할 때 아래

a http://yasinergul.com/FlashDen/IE8-Toggle-Bug-Demo/image/a.jpg

를 참조로 모두 정상입니다 그런 다음에 클릭 할 때 .. 버튼 "새로운 하나를 추가하려면 여기를 클릭"그것은을 포함하는 DIV를 표시 당신은 아래를 참조로 형태는 ... 전까지는 지금은 아직 ...

b http://yasinergul.com/FlashDen/IE8-Toggle-Bug-Demo/image/b.jpg

당신이 "여기에 일부 텍스트를"이 양식을 숨 깁니다 버튼 ...하지만이 시간을 "취소"를 클릭하여 부품 붕괴를 잘 작동 초보자에게 X 위 ..

c http://yasinergul.com/FlashDen/IE8-Toggle-Bug-Demo/image/c.jpg

을하지만 당신은 페이지의 텍스트를 선택하거나 페이지에서 빈 공간을 클릭 할 때, "여기에 일부 텍스트"... 다시 정상 위치로 돌려

이상한 점은 링크에 토글 기능이 있기 때문에 "새 링크를 추가하려면 여기를 클릭하십시오"링크를 사용하여 양식을 닫을 수 있으며 "새 링크를 추가하려면 여기를 클릭하십시오"링크를 클릭하여 양식을 닫으면 정상적으로 작동합니다 ...

나는 show(), hide() 메서드 또는 addClass(), removeClass()를 "display : non 전자 "... 나도 toggleClass(),하지만 행운을 시도 ...

나는 이것이 IE8의 렌더링 엔진에 관한 것 같지만, HTML-CSS-jQuery 전문가가 해결 방법을 알고 있을지도 모른다.

http://yasinergul.com/FlashDen/IE8-Toggle-Bug-Demo/

안부,
PDesignX

+0

이유 확실하지 그것에 대해 자세한 설명을 찾을 수 있습니다,하지만 뭔가 다른 그 흥미 롭다. IE8 개발자 도구를 사용하고 # 상자 - 추가 div에서 숨겨진 클래스를 삭제 한 경우 (추가 링크를 클릭하기 전에) "새 링크를 추가하려면 여기를 클릭하십시오"링크가 문제를 표시하고 "취소"를 올바르게 클릭하면 올바르게 작동합니다 . –

+0

그래, 나는 또한 그것을 알아 차렸다 ... 그래서 그것은 보이거나 숨겨지고있는 div 안에 있다는 것에 관한 것이 아니다. –

답변

3

는 INF 박스의 마진 - 하단을 제거하고 "여기에 일부 텍스트"를 포함 사업부에 패딩을 추가 ... 그것이라고 있어요 문제를 해결 이것은 "붕괴 마진"문제입니다 ...

당신은 여기

http://css-discuss.incutio.com/?page=CollapsingMargin