子元素不继承父元素的弯曲边缘？

问题描述

| 我的页面上有一个轮播。我的父元素和子元素的边缘都弯曲，但是当您按下\“ Next \”或\“ PrevIoUs \”并滑动转盘时，子元素在移动时不会保持弯曲。我该如何预防？

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

    

解决方法

实际上，我敢打赌它确实保持弯曲，只是快一点就可以看到。它看起来并不弯曲，因为您正在看到它的中间，而它正在制作动画，这当然不是弯曲的（例如，您正在看到盒子的顶部，而不是左上角）。 将半径添加到父级

div#s7

，您将被设置。     ,确保将

border-radius

CSS传递到JavaScript中，或者确保JS / JQuery不会将其删除。 使用Firebug，我可以看到没有边界半径属性分配给所有生成的3个。在您的JS中添加该属性应该可以解决此问题。