border-radius失效有哪些原因呢？
看图吧，在firefox、chrome、opera都有圆角效果，safari中却没有，div结构如下图这样：
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
看图吧，在firefox、chrome、opera都有圆角效果，safari中却没有，div结构如下图这样：
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论（2）
stackoverflow有个类似问题，你看看rounded-cornes-border-radius-safari-issue
不一定是border-radius失效了，请注意是否涉及层级的问题，比如内部元素是否设置了提高层叠水平的元素，这样很有可能会覆盖掉父容器设置的border-radius，造成失效的假象，在android手机上没有这种影响，但是ios设备对于层级的影响比较大