둥근 모서리가있는 div 내에서 iframe을 스크롤하면 둥근 모서리가 남습니다.

Question

CSS 왼쪽 위 모서리가 둥근 모서리가있는 DIV를 만든 기본 HTML 페이지가 있습니다. 그것은 잘하고 예상대로 나타납니다. DIV 안에는 추가 페이지를 표시하는 데 사용하는 iframe이 있습니다. 이것은 너무 잘 작동하고 예상대로. 내 문제는 iframe에서 페이지를 아래로 스크롤 한 다음 위로 스크롤하면 div/iframe에 "꼬리"가 표시되거나 측면에 둥근 모서리가 잔존 함을 보여줍니다. 나는 페이지의 body 태그 바로 뒤에 배경색이있는 별도의 페이지에서 DIV를 만들려고했습니다. 변경 없음. IE9와 Chrome 모두에서이 문제가 발생합니다. 누군가가 왜 이런 일이 발생했는지, 또는 더 나은 이유를 설명 할 수 있습니까?이 문제가 표시되지 않도록하려면 어떻게해야합니까? 아니면이 문제를 다루는 사이트로 안내합니까? 매우 감사.

CSS :

#contentDIV{position:fixed;top:3.8em;left:13.5em;right:0;bottom:0;overflow:auto;-moz-border-radius-topleft:.8em;border-top-left-radius:.8em;} 
#contentFRAME{width:100%;height:99%;top:0;overflow:auto;border-width:0;} 

Answer 1

1.) 베스트 최소한의 독립 테스트 케이스를 만들 수 있습니다. 가지고있는 코드를 가져 와서 복사본을 만들고 물건을 제거하고 저장하고 다시로드하고 반복하십시오. 문제가 해결되지 않으면 해결 방법을 알아 냈습니다. 그렇지 않으면 2 단계를 참조하십시오. URL을 게시하는 것에 대해 잘 모르겠습니다. 시도 할 수 있으며 FAQ에서 아무 것도 보지 못했습니다.

2.) 문제를 자주 일으키지 않고 직접 문제를 자르는 방법을 알아낼 수있는 경우에는 특정 방식으로 코드를 사용해야합니다. 다른 사람들이 문제를 재현 할 수있는 최소한의 테스트 케이스를 게시하십시오.

3) 웹 개발자 도구를 사용하여 CSS 규칙 (예 : Firefox 용 Firebug)을 제거하고 특정 규칙을 사용 중지하여 문제가 해결되는지 확인하십시오. 해당 규칙을 사용하지 않도록 설정해도 문제가 해결되지 않으면 규칙을 사용하십시오. 문제는 거의 항상 두 개 이상의 코드/조건 집합의 조합으로 인해 발생합니다.

또한 "body tag"가 없으므로 본문 요소를 참조하고 있습니다. 두 가지 이유에서 올바른 용어를 사용하는 것이 바람직합니다. 먼저 전문적으로 보이고 둘째로 누군가가 당신이 말하는 것을 이해할 가능성을 크게 높입니다. 태그라는 용어는 사용 된 인스턴스의 0.1 %에서만 적용 할 수 있습니다. 실제로 요소 자체가 아니라 개별 태그를 참조합니다. "XHTML에서 메타 요소에 닫는 태그 (< 메타> </meta>)가 있거나 자체 마감 요소 (< 메타 />)입니까?