边境半径在safari下失败(丑陋的剪裁)

边境半径在Safari浏览器下失败，可能是由于Safari浏览器对于CSS的clip-path属性的兼容性不佳。clip-path属性用于裁剪元素的形状，可以实现各种复杂的形状。但是，Safari浏览器对于clip-path属性的支持并不完整，因此可能会出现兼容性问题。

为了解决这个问题，可以尝试以下方法：

1. 使用SVG图像：SVG图像可以实现各种复杂的形状，并且在Safari浏览器中的兼容性较好。可以使用SVG图像来实现需要裁剪的元素。
2. 使用JavaScript库：有一些JavaScript库可以帮助解决clip-path属性在Safari浏览器中的兼容性问题。例如，可以使用clip-path-polyfill库来实现clip-path属性的兼容性。
3. 使用CSS的mask-image属性：mask-image属性可以实现类似于clip-path的效果，并且在Safari浏览器中的兼容性较好。可以尝试使用mask-image属性来实现需要裁剪的元素。

总之，为了解决clip-path属性在Safari浏览器中的兼容性问题，可以尝试使用SVG图像、JavaScript库或CSS的mask-image属性来实现需要裁剪的元素。