css3pie - 파이가 적용된 요소 내부에서 스크롤 막대가 작동하지 않습니다.

Question

저는 css3pie로 곡선 모서리를 적용 할 컨테이너가 있습니다. 그 요소 안에는 컨테이너보다 넓은 테이블이 있습니다. 이로 인해 컨테이너 맨 아래에 스크롤 막대가 생기게됩니다. 스크롤바는 컨테이너의 바닥에 있습니다. 문제는 컨테이너에 css3pie를 적용한 경우 클릭하여 끌 때 스크롤 막대가 스크롤되지 않는다는 것입니다. 양쪽 끝의 화살표를 클릭하면 스크롤되거나 스크롤 바가없는 공간을 클릭하면 해당 위치로 점프합니다. 스크롤 막대를 클릭하여 끌면 스크롤되지 않습니다.

컨테이너에 대한 클래스의 바하 이어를 주석 처리하면 스크롤이 다시 작동합니다. 자바 스크립트 스크롤이 중단되지만 css3pie를 적용하면됩니다. 원형이 작동하는 동안 컨테이너에서 클래스를 제거하면 스크롤 기능이 작동합니다.

같은 결과로 컨테이너 안의 다른 div 안에 테이블을 넣었습니다.

내가 IE9 문서 모드에서 실행 해요

IE7

는이 문제를 해결하는 방법은 없나요?

Answer 1

왜 이런 일이 발생했는지에 대한 설명을 찾지 못했습니다. 나는 PIE가 적용된 페이지 요소 내부의 내용을 스크롤하면 스타일이 다시 적용되어 "Behavior :"가 유발되어 스크롤 이벤트가 중지 될 것이라고 생각합니다.

저는 파이가 적용된 요소에 스크롤을 적용하는 데 필요한 콘텐츠를 가져 와서 문제를 해결했습니다. 제 경우에는 스크롤 막대가 들어있는 컨테이너에 둥근 모서리를 적용하고있었습니다. div 위와 아래에 내용을 넣고 위쪽과 아래쪽 div에 모서리를 반올림하여 적용했습니다.

이렇게하면 스크롤 막대가 정상적으로 작동하고 둥근 모서리가 적용됩니다. IE7에 대한 또 다른 시도가있었습니다.

Answer 2

마지막 해결 방법이 무엇인지 살펴 보았습니다. 스크롤하는 내용에서 배경을 분리했습니다. 스타일과

<div id="ContentContainer"> 
    <div id="ContentBackground"></div> 
    <div id="Content"> 

    </div> 
</div> 

div#ContentBackground { 
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    border: 1px solid #CCCCCC; 
    border-radius: 10px; 
    behavior: url(PIE.htc); 
} 

가 둥근과 (레이아웃 꽤 일반적인 문제가 될 것 같은이 보인다 내가하지만, 다음 버전에서이 문제에 대한 수정을보고 싶어요 내부에 무언가가있는 가장자리)