0

when we use google maps to display maps can not make round edges

Issue only on chrome

HTML

<div id="mapframe">
    <div id="map"></div>
</div>

CSS

#mapframe {
    margin: 50px;
    width: 290px;
    height: 290px;
    overflow: hidden;
    border: 10px solid #fff;
    border-radius: 200px;
    box-shadow: 0px 0px 1px #555;

}

#map {
    width: 290px;
    height: 320px;
    border-radius: 200px;
}

http://jsfiddle.net/zsVjG/

4

1 回答 1

1

正确的。包含 Google Map v3 的对象的边框半径 CSS 样式不会在 Chrome 中呈现。其他浏览器,例如 FireFox 和 Opera,尊重这些设置。请注意,Chrome 在 Google Maps v2 中没有这个问题,但由于该插件将在 5 月份拔出,所以这一点没有实际意义。

于 2013-03-11T18:58:41.997 回答