平方的方法是非常沒有吸引力。如何讓Google Map V3保留圓角?
<div id ="container">
<div id="map_canvas" style="width: 840px; height: 600px"></div>
</div>
#container上沒有樣式。我嘗試了一種基於圖像的方法,但它不起作用,它所引用的線程也已死亡。任何建議傢伙?
平方的方法是非常沒有吸引力。如何讓Google Map V3保留圓角?
<div id ="container">
<div id="map_canvas" style="width: 840px; height: 600px"></div>
</div>
#container上沒有樣式。我嘗試了一種基於圖像的方法,但它不起作用,它所引用的線程也已死亡。任何建議傢伙?
CSS圓角不起作用。要麼使用圖像或CSS掩碼。
假定你已經嘗試過的CSS圓角?
#container {
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
先渲染,然後角落回到正方形。 – user1290284 2012-04-25 19:15:18
奇怪。可在不同的瀏覽器中重現? – flurdy 2012-04-25 19:34:40
這是谷歌地圖已知的問題。 http://www.google.com/#hl=en&sclient=psy-ab&q=rounded+corners+css+google+maps&oq=rounded+corners+css+google+maps&aq=f&aqi=&aql=&gs_nf=1&gs_l=hp.3 ... 2226.8082.0.8209.31.21.0.10.10.1.337.1867.17j2j1j1.31.0.B9o3jq0XCvQ&PBX = 1&BAV = on.2,or.r_gc.r_pw.r_qf。,cf.osb&FP = 10aa8b4599b06781&BIW = 1233&波黑= 714 – 2012-04-25 19:56:28
設定容器標記中的id屬性後的空格是帖子中的錯字,而不是在您的代碼中。 (試過編輯,但需要最少6次更改) – flurdy 2012-04-25 18:57:11