如何在safari中使用border-radius

时间:2011-10-21 14:56:11

标签: css3 safari

http://show.bbflame.ru/border/ 如何让父母(#div1)隐藏孩子的角落 孩子不要溢出父母

2 个答案:

答案 0 :(得分:1)

目前无法溢出边框。最接近的是向第二个元素添加border-radius,这个元素就足以不超过边界。

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

小提琴:http://jsfiddle.net/jK7TP/

答案 1 :(得分:0)

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

应隐藏#div1内的任何溢出对象如果javascript移动子内部#div1你有可能它不会工作,尝试使用掩码或通过javascript给出css属性,以便在同一时间。