地圖圓形邊框webkit

我一直在嘗試幾個小時才能得到這個工作..地圖圓形邊框webkit

我需要爲Google地圖製作圓形邊框效果。

我知道webkit存在一個bug，到目前爲止我沒有在網上找到的解決方案，也沒有我的努力似乎工作。

你能幫我嗎？

--- CSS ---

#order_map_wrapper { 
    float: left; 
    position:relative; 
} 

#order_map_middle { 
    -webkit-border-bottom-left-radius:20px; 
    -moz-border-radius-bottomleft:20px; 
    border-bottom-left-radius:20px; 
    overflow: hidden; 
} 

#order_map { 
    height: 425px; 
    width: 485px; 
    -moz-border-radius: inherit; 
    -webkit-border-radius: inherit; 
    border-radius: inherit; 
}

--- HTML ---

<div id="order_map_wrapper" > 
    <div id="order_map_middle"> 
     <div id="order_map"> 
     </div> 
    </div 
</div>

來源

2012-06-11 coiso

你的問題不清楚。而你的HTML標記有錯誤。 –

事實上，Evan意味着''' – poepje

這只是一個錯字。即使修復了它也不會起作用..但是隻有鉻版本 – coiso

我有這樣的例子V2在線：

http://maps.forum.nu/temp/gm_rounded_corners.html

我當我找到時間時，我會嘗試創建一個V3版本。

來源

2012-06-11 09:55:36 Marcelo

我已經看到了那個，但我需要一些東西允許背景顯示 – coiso

你可以做同樣的事情，但是使用半透明圖像而不是不透明圖像。 – Marcelo

但不會顯示地圖？ – coiso

地圖圓形邊框webkit

回答

相關問題