Border Radius不能在safari中工作

我有一個帶有谷歌地圖的頁面，現在我正在嘗試在其上創建邊框半徑。這在Chrome和Firefox等瀏覽器中工作，但不適用於Safari瀏覽器。Border Radius不能在safari中工作

您可以在這裏找到頁面：clients.steven-dejong.nl/amano/#contact

編輯：它的工作與地址塊，如果我加入WebKit的邊界半徑和-moz-邊界半徑是沒有意義的。

在我的圓角半徑不工作的唯一部分是谷歌地圖容器

enter image description here

2014-12-03 Steven de Jong

使用-webkit前綴，這樣做如下：

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

來源

2014-12-03 18:52:19

要使它在所有瀏覽器中工作：

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

來源

2014-12-03 18:54:42 Stan

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

來源

2015-12-04 06:48:27

你也應該使用所有的前綴同時添加邊框半徑。像-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中工作

回答

相關問題