如果屏幕大小小于1200 is，则Iframe停止工作。- Joomla 3 bootstrap3模板。

Question

我已经建立了一个建筑网站，其中有房子的图像和计划，从另一个网站嵌入在一个I框架。我在引导3中使用Joomla3.4，它可以正常工作，直到屏幕大小小于1200 is。它的视图仍然很好，但是在移动设备上没有东西可点击，或者如果您将PC上浏览器的大小更改为1200 PC以下的话。

我在iframe的外部添加了一个div，并给它一个外部div ID，然后按照另一个站点的建议，在下面添加代码。

#outerdiv iframe {
position: absolute; /*-- I have also tried relative--*/
top:0;
left: 0;
width: 95%;
height: 100%;
overflow: hidden;
}

它现在的工作，它应该是，但它的重叠其他元素在页面上。当我在它周围添加另一个div或者向iframe添加一个类以防止它与其他元素重叠时，它就不再是可点击的了。有人有这个问题吗？如果是的话，请您分享一下如何克服这个问题。

谢谢达林

Answer 1

当position: absolute;从文档流中提取元素并有效地将它们设置在其他元素的“顶部”时，我怀疑在这个场景中发生的情况是，您在某个地方有另一个元素与您的iframe重叠，因此使其“不可点击”。

如果您将元素的位置设置为相对的，并给它一个较高的z-索引数，它应该将其设置为“高于”文档中的所有内容，并再次单击。

iframe {
    position: relative;
    z-index: 100; /*or higher*/
}