谷歌地圖半徑轉彎

的webkit-mask-image面具移動頁面谷歌地圖半徑轉彎

body{ 
    height:1500px; 
} 

#wrapper { 
    margin-top:250px; 
    width: 300px; 
    height: 300px; 
    border-radius: 100px; 
    overflow: hidden; 
    position: absolute; /* this breaks the overflow:hidden in Chrome/Opera */ 
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); /* this fixes the overflow:hidden in Chrome/Opera */ 
} 

#map1 { 
    width: 300px; 
    height: 300px; 

}

如何使WebKit的掩碼圖像靜態？謝謝

來源

2013-08-28 olo

更換您的數據你有沒有想出解決辦法？ –

Duplicate：http://stackoverflow.com/questions/18792402/css-webkit-mask-image –

在這裏看到我的答案http://stackoverflow.com/a/18836164/1477388 – user1477388

根據我的理解，你不想在滾動（靜態）上移動Google地圖。

在CSS，它被稱爲fixed定位。

position: fixed

入住這JSFiddle

來源

2013-08-28 05:12:53 Praveen

提供的JsFiddle是相同的原問題。 –

@Bart哎呀。忘記更新它。檢查這個http://jsfiddle.net/DZTvR/1/感謝指出它。 – Praveen

謝謝！但是如果您在頁面上顯示了一些元素，則固定位置不是解決方案 – olo

與圖像文件URL

-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);

來源

2013-09-16 19:59:27

谷歌地圖半徑轉彎

回答

相關問題