当我们使用谷歌地图显示地图时无法制作圆边
仅在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;
}
答案 0 :(得分:1)
正确。边框半径包含Google Map v3的对象的CSS样式不会在Chrome中呈现。其他浏览器,如FireFox和Opera,都尊重这些设置。请注意,Chrome在谷歌地图v2中没有这个问题,但由于插件将在5月份推出,所以这一点没有用。