Дочерний элемент не наследует изогнутые края родительского элемента?

Question

У меня есть карусель на моей странице . У меня и родительский элемент, и ребра дочернего элемента изогнуты, но когда вы нажимаете «Далее» или «Предыдущая» и перемещаете карусель, дочерний элемент не остается изогнутым при движении. Как я могу предотвратить это?

.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

Убедитесь, что вы передаете border-radius CSS в JavaScript, или, скорее, убедитесь, что JS / JQuery не удаляет его.

Используя Firebug, я вижу, что границыСвойство radius присваивается всем сгенерированным <div> s.Добавление этого атрибута в JS должно исправить проблему.

Answer 2

На самом деле, я готов поспорить, что он остается изогнутым, просто немного быстро увидеть.Он не выглядит изогнутым, потому что вы видите его середину во время анимации, которая, конечно, не изогнута (например, вы видите верхнюю часть окна, а не верхний левый угол).

добавьте радиус к родительскому элементу div#s7, и вы должны быть установлены.