Border Radius 在 Safari 中不起作用

Question

我有一个带有谷歌地图的页面，现在我正在尝试在其上设置边界半径。这适用于 Chrome 和 Firefox 等浏览器，但不适用于 safari。

您可以在这里找到该页面：clients.steven-dejong.nl/amano/#contact

编辑：它正在处理地址块，如果我添加 -webkit-border-radius 和 -moz-border-radius 就没有意义了。

我的边界半径不起作用的唯一部分是谷歌地图容器

Answer 1

Safari 中谷歌地图的边界半径

-webkit-mask-image: -webkit-radial-gradient(circle, white, black);

-webkit-transform: translateZ(0);

将此代码段用于地图 iframe 及其父 div