Question

我有一个对角线图像，我将用于完整的身体背景。我在图像中有一个很大的空间，我插入了谷歌地图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/

Answer 1

您的图片是透明的，但实际上覆盖了整个地图，因此您将始终点击图片。

一个快速的解决方案是将图像分成两部分，左部分和上部分。这样你就可以在右下方看到一个可点击的四分之一。

更好的解决方案是使用一些css构造div的角度部分。（有帮助：http://apps.eky.hk/css-triangle-generator/）

z-index阻止了Google地图iframe

1 个答案: