边界半径在 Safari 中不起作用答案

【问题标题】：Border Radius not working in safari边界半径在 Safari 中不起作用
【发布时间】：2014-12-03 18:46:36
【问题描述】：

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

编辑：它与地址块一起使用，如果我添加 -webkit-border-radius 和 -moz-border-radius 它没有任何意义。

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

【问题讨论】：

标签： css safari

【解决方案1】：

Safari 中 Google 地图的边界半径

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

-webkit-transform: translateZ(0);

将此 sn-p 用于地图 iframe 及其父 div

【讨论】：

【解决方案2】：

使用 -webkit 前缀并执行以下操作：

 /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 12px; /* Adjust as needed */

【讨论】：

【解决方案3】：

要使其在所有浏览器中都能正常工作：

border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;

【讨论】：