0

私はこれを機能させるために数時間試してきました..

Google マップの丸い境界線効果を作成する必要があります。

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

1 に答える 1

0

私はこのV2の例をオンラインで持っています:

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

時間ができたらV3版を作ってみます。

于 2012-06-11T09:55:36.103 に答える