你的浏览器禁用了JavaScript, 请开启后刷新浏览器获得更好的体验!

全屏iframe

| 我正在寻找一种CSS解决方案，该解决方案可让我在一页中显示一些水平的全屏iframe。我可以自己做jQuery，我只需要几个iframe放在一个页面中，这样我就可以单击\'next \'，下一个iframe将会全屏显示。（因此，iframe应该浮动）谢谢！

已邀请:

1 个回复

在iframe上使用iframeclass使其相互重叠，然后使用jQuery设置z-index以显示哪个“在顶部”

.iframeclass {
    position: absolute;
    top: 0; left: 0;
    width:100%;
    height:100%;
}

注意：为了高度：100％；要工作，PARENT对象必须设置一个高度。即：

body {
    height:100%;
}

第二点，请注意，虽然这回答了您的问题，但并不是我建议您如何做我认为您要实现的目标，而是建议将每个框架的内容加载到带有ajax的单个div中。以及何时需要它。 iframe将在页面加载时全部加载其内容。

要回复问题请先登录或注册