全屏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將全部在頁面加載時加載其內容。