z-index阻止Google地圖iframe放大縮小

-1

我有一個對角線圖像，我將用於完整的身體背景。在插入Google地圖iframe的圖片中，我有一個很大的空間。但它不可點擊或放大或縮小。z-index阻止Google地圖iframe放大縮小

iframe { 
    width: 100%; 
    height: 100%; 
    border: 0; 
    position: fixed; 
    top: 0; 
    z-index: -9999999999; 
} 
img { 
    position: fixed; 
    top: 0; 
}

https://jsfiddle.net/3ef2onLc/1/

來源

2016-11-30 Shoeb Mirza

喲能夠放大和縮小，但只能在圖像之外。即使圖像的透明部分仍然充當頂層的圖層。我建議重新考慮使用兩幅圖像並理想地完全去除角度。 – Blezx

你的形象是透明的，但實際上涵蓋了整個地圖，這樣你將永遠點擊圖片來代替。

一個快速的解決方案是將圖像分成兩部分，左部分和上部分。這樣你在右下角得到一個可點擊的季度。

更好的解決方案是用某些css構造出div的角度部分。（有幫助：http://apps.eky.hk/css-triangle-generator/）

來源

2016-11-30 22:51:37 Flink

z-index阻止Google地圖iframe放大縮小

回答

相關問題