当前位置：文江博客话题详情

如何在 safari 中使用边框半径

发布于 2024-12-11 14:59:16 字数 124 浏览 0 评论 0原文

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

海未深 2024-12-18 14:59:16

目前不可能溢出边界。最接近的方法是向第二个元素添加一个 border-radius ，这足以不超出边界。

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

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

It's currently not possible to overflow the borders. The closest you can get is adding a border-radius to the second element, which is just enough to not exceed the border.

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

Fiddle: http://jsfiddle.net/jK7TP/

回复收藏 0 原文

旧情勿念 2024-12-18 14:59:16

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

应该隐藏 #div1 中的任何溢出对象，如果 javascript 将子级移动到 #div1 中，您有可能无法正常工作，请尝试使用掩码或通过 javascript 给出 css 属性，以便同时分配属性。

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

should hide any overflowing object inside #div1 if javascript moves the child inside #div1 you have a chance it won't work as it should, try using a mask or give the css properties by javascript so the properties are assigned at the same time.

回复收藏 0 原文

~没有更多了~