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放大缩小

回答

相关问题