我正在为mapbox（http://tombatossals.github.io/angular-leaflet-directive/#!/examples/simple-map）使用此角度指令，并尝试使border-radius为10px，这在Chrome和Firefox上完美运行，但在Safari上却无法正常工作。
这是我正在使用的CSS（由于某些原因，它仅适用于chrome / firefox上的opacity: .99）
.angular-mapbox-map{
opacity: .99;
border-radius: 10px;
}
是否有人知道发生了什么或如何解决。您可以使用chrome开发工具或类似工具在上面的链接中使用mapbox元素。
最佳答案
我在这里How to make CSS3 rounded corners hide overflow in Chrome/Opera使用以下方法找到了解决方案：
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
关于css - Safari中Mapbox上的边框半径，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31599302/