全屏iframe

Question

我在寻找一个CSS解决方案，它可以让我在一个页面中显示几个水平的全屏iframe。

我可以自己做jQuery，我只需要将两个iframe放在一个页面中，这样我就可以点击“下一个”，下一个iframe将全屏显示。 （所以iframes应该漂浮）

谢谢！在I帧

Answer 1

使用iframeclass，使他们出现在彼此的顶部，然后使用jQuery设置的z索引显示是“上面”

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

注：为了使高度： 100％;为了工作，PARENT对象必须设置高度。即：

body { 
    height:100%; 
} 

第二个音符，请注意，虽然这回答你的问题，它不是我建议你做什么，我认为你正在努力实现的，我建议每个框架的内容加载到一个单一的与阿贾克斯作为和当你需要它。这些iframe将全部在页面加载时加载其内容。