Css 子元素不继承父元素的曲线边？

我有一个旋转木马。我使父元素和子元素的边都弯曲，但当按下“下一步”或“上一步”并滑动旋转木马时，子元素在移动时不会保持弯曲。我怎样才能防止这种情况

.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;
}

---

事实上，我敢打赌它确实保持弯曲，只是有点快看。它看起来不是弯曲的，因为你看到的是它的中间，而它正在制作动画，当然，它不是弯曲的。例如，你看到的是盒子的顶部，而不是左上角

---

将半径添加到父divs7中，应该进行设置。

确保将边界半径CSS传递到JavaScript中，或者更确切地说，确保JS/JQuery没有删除它

---

使用Firebug，我可以看到没有为生成的所有对象分配border radius属性。在JS中添加该属性可以解决这个问题。

我测试了这一点，去掉了角点，只将它们添加到父元素，在页面完全加载之前，子元素会服从父元素，但当页面加载时，它不会这样做。