Border Radius不能在safari中工作

问题描述：

我有一个带有谷歌地图的页面，现在我正在尝试在其上创建边框半径。这在Chrome和Firefox等浏览器中工作，但不适用于Safari浏览器。Border Radius不能在safari中工作

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

编辑：它的工作与地址块，如果我加入WebKit的边界半径和-moz-边界半径是没有意义的。

在我的圆角半径不工作的唯一部分是谷歌地图容器

enter image description here

答

使用-webkit前缀，这样做如下：

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

答

要使它在所有浏览器中工作：

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

Safari浏览器支持正常的边界半径，我对OS X的优胜美地的最新版本。它适用于每个元素。 [caniuse.com]（http://caniuse.com/#search=border-radius）[截图]（http://imgbin.org/index.php?page=image&id=21193） – 2014-12-03 19:11:49

答

边界半径到Safari中的Google地图

-webkit-mask-image：-webkit-radial-gradient（circle，white，black）;

-webkit-transform：translateZ（0）;

使用该片段到两个地图iframe和其父DIV

你也应该使用所有的前缀同时添加边框半径。像-webkite-border-radius：value; – 2015-12-04 06:49:28

也请访问以下网址：https：//itskamalkumarblog.wordpress.com/2015/12/04/border-radius-to-google-map-in-safari-not-working/，以获取进一步参考和任何问题，请放下您的消息这里 – 2015-12-04 07:06:06

Border Radius不能在safari中工作

相关推荐