html - 地图圆形边框 webkit

Question

我已经尝试了几个小时来让它工作..

我需要为谷歌地图制作圆形边框效果。

我知道 webkit 有一个错误，到目前为止，我在网上找到的解决方案都没有，我的努力似乎也没有奏效。

你能帮我吗？

---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>

Answer 1

我在网上有这个 V2 示例：

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

有时间我会尝试制作V3版本。