자식 요소가 부모의 곡선 가장자리를 상속하지 않습니까?

Question

나는 회전 목마가 my page입니다. 부모 요소와 자식 요소의 가장자리가 모두 구부러져 있지만 "다음"또는 "이전"을 누르고 회전식 슬라이드하면 이동할 때 자식이 구부러지지 않습니다. 이 문제를 어떻게 방지 할 수 있습니까?

.holder { 
width:650px; 
margin:200px auto; 
overflow:hidden; 
border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
} 

#s7 #posts { 
width: 620px; 
padding: 15px; 
color: #333; 
font-size: 14px; 
text-align:left; 
background:#EEE; 
line-height:16px; 
min-height:500px; 
overflow:visible; 
z-index:-1; 
border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
} 

Answer 1

실제로 나는 그것이 곡선을 유지할 것이라고 기꺼이 생각합니다. 이 보이지 않습니다.은 둥글게 보이지 않는 애니메이션 효과가있는 동안 (예 : 상단 왼쪽 모서리가 아니라 상자의 상단이 보입니다.) 가운데를 보았 기 때문에 구부러졌습니다.

반경에 부모 div#s7을 추가하면 설정해야합니다.

Answer 2

border-radius CSS를 자바 스크립트에 전달하거나 JS/JQuery가 CSS를 제거하지 않았는지 확인하십시오.

방화범을 사용하여 생성 된 모든 <div>에 할당 된 경계 반경 속성이 없음을 알 수 있습니다. JS 내에서 해당 속성을 추가하면 문제를 해결해야합니다.