Openlayer地圖圓角

Question

我整合與圓角一個div我openlayer地圖。我怎樣才能讓地圖有圓角？我曾試圖在開發人員工具中將邊界半徑應用於多個div，但地圖拒絕圓角。

Alex

Answer 1

這對我有效;

JS Fiddle

#demoMap 
{ 
    position: relative;   
    width: 200px; 
    height: 200px; 
    left: 20px; 
    top: 20px; 
    -moz-border-radius: 15px; 
    border-radius: 15px; 
    border: 1px solid black; 
    overflow: hidden; 
} 

我想你也許只需要

overlfow: hidden; 

添加到您的CSS樣式，爲的OpenLayers API只是用你的DIV作爲一個佔位符，它插入更多的元素。

更新

閱讀Chrome上的評論之後，我試圖把它與Chrome的工作，但似乎並不閱讀border-radius in Chrome bug?和CSS Border radius not trimming image on Webkit和使用鉻合金開發工具來修改元素的樣式後，可以 。