다른 div 안에 div가 있습니다. 바깥 쪽 div는 CSS3를 사용하여 둥근 테두리를가집니다. 문제는 내부 div에 배경색을 설정하면 모서리로 흘러 들어가는 것입니다. 무슨 뜻인지 보여주는 테스트 페이지는 다음과 같습니다. http://www.webdevout.net/test?0OCSS3 둥근 테두리에서 내부 HTML 요소를 자르는 방법은 무엇입니까?
크롬, FF 및 Opera에서 동일한 문제가 발생하므로 렌더러 문제가 아닌 것으로 생각됩니다. 둥근 테두리에서 내부 div를 잘라내려면 어떻게해야합니까? 내부 div의 경계 반경을 상속하도록 설정해도 내부 경계가 잘리지 않으면 테두리가 일치하지 않습니다.
EDIT : 실제로 내부 div는 외부 div 내부의 더 많은 콘텐츠를위한 헤더이므로 내부 div에 둥근 테두리를 적용하는 대신 작동하지 않습니다.
내부 div의 둥근 모서리를 설정하고 외부 div를 컨테이너로 사용할 수 있습니까? (더 이상 필요하지 않으면 불필요한 중첩을 제거하기 위해 제거하십시오). http://www.webdevout.net/test?0Q
내가 당신의 내면의 사업부에 패딩을 추가하고 내부 사업부에 CSS 클래스를 모두 적용 :
이 예를 참조하십시오.
불행하게도 내부 div는 실제로는 그 아래의 내용에 대한 헤더이므로, 나는이 예제를 단순화했다. 더 나은 해결책이 제시되지 않는다면 나는 모든 안쪽 대상의 부분 테두리와 둥근 모서리로 가짜를 만들 수 있습니다. – BitLooter
그러면 내부 div에 더 적은 정도의 반올림을 추가해야 할 것입니다 (예 : http://www.webdevout.net/test?0R 참조). 추가 메모로서 크롬/사파리에서는 더 이상 웹킷 반올림 클래스가 필요하지 않습니다.) – nybbler
@Xavi 외부 div에 패딩을 추가하고 내부 div와 동일한 배경색을 설정해야합니다. 내가 왜 그렇게 생각하지 않았어? – nybbler
수 없습니다. 그 영역은 요소의 경계에 의해 점유되며 변경할 수 없습니다. 그건 당신이 여분의 마크 업과 CSS없이 그것을 벗을 수 없다는 말은 아니지만, 일반적으로, 아니.
하지만, 하단 모서리를 둥글게과 같이하지 않습니다
나는 이것이 당신이 찾고있는 대답은 잘 모르겠어요,하지만 시도 바깥 쪽 div에 패딩을 추가합니다. 그게 도움이 될거야. – Xavi