Как использовать border-radius в сафари

Question

http://show.bbflame.ru/border/ Как сделать так, чтобы родитель (# div1) скрывал углы ребенка Ребенок не переполняет родителей

Answer 1

В настоящее время невозможно переполнить границы. Самое близкое, что вы можете получить, это добавить border-radius ко второму элементу, которого достаточно, чтобы не превысить границу.

#div1{
    -webkit-border-radius: 50px;
    border-radius: 50px;
}
#div2 {
    -webkit-border-radius: 14px;
    border-radius: 14px;
}

Скрипка: http://jsfiddle.net/jK7TP/

Answer 2

#div1 {
   overflow: hidden !important; /*to make sure it will work always*/
}

должен скрывать любой переполненный объект внутри # div1, если javascript перемещает дочерний объект внутри # div1, у вас есть шанс, что он не будет работать должным образом, попробуйте использовать маску или передать свойства css с помощью javascript, чтобыназначается одновременно.