0

Google マップを使用してマップを表示する場合、エッジを丸くすることはできません

クロムのみの問題

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 マップ v3 を含むオブジェクトの境界半径 CSS スタイルは、Chrome でレンダリングされません。FireFox や Opera などの他のブラウザは、設定を尊重します。Chrome では Google マップ v2 でこの問題は発生しなかったことに注意してください。

于 2013-03-11T18:58:41.997 に答える