我已经建立了一个建筑网站，其中包含嵌入在I框架中的另一个网站的房屋图像和计划。我正在使用Joomla 3.4使用bootstrap 3，它工作正常，直到屏幕尺寸低于1200px。它仍然可以正常查看，但在移动设备上可以点击，或者如果您将PC上的浏览器大小更改为1200px以下。
我在iframe的外侧添加了一个div，并给了它一个外部ID的ID，然后在代码下面添加代码作为另一个网站的建议。
#outerdiv iframe {
position: absolute; /*-- I have also tried relative--*/
top:0;
left: 0;
width: 95%;
height: 100%;
overflow: hidden;
}
它现在可以正常工作，但它超过了页面上的其他元素。只要我在其周围添加另一个div或向iframe添加一个类以防止它与其他元素重叠，它就会再次停止再次点击。有谁有这个问题？如果是这样，请分享如何克服这个问题
感谢Darryn
答案 0 :(得分：0)
看到position: absolute;从文档流中获取元素并有效地将它们设置在其他元素的“顶部”，我怀疑在这种情况下发生的是你有另一个元素重叠你的{{1所以让它“无法点击”。
如果将元素的位置设置为relative并为其指定一个高z-index数字，则应将其设置在文档中的所有内容之上并再次单击。
iframe