我正在寻找一个CSS解决方案,将让我在一个页面上显示几个水平全屏iframes。
我可以自己做jQuery,我只需要几个iframe在一个页面上,这样我就可以点击‘下一步’,下一个iframe将是全屏的。(所以iframe应该是浮动的)
谢谢!
发布于 2011-05-27 22:02:50
使用iframe上的iframeclass使它们出现在彼此的顶部,然后使用jQuery设置z索引以显示哪个在“顶部”
.iframeclass {
position: absolute;
top: 0; left: 0;
width:100%;
height:100%;
}
注意:为了使height: 100%;起作用,父对象必须设置高度。即:
body {
height:100%;
}
第二点,请注意,虽然这回答了你的问题,但这不是我建议你做的事情,我建议你在需要的时候用ajax将每个框架的内容加载到一个单独的div中。iframes将在页面加载时加载它们的内容。
https://stackoverflow.com/questions/6153187
复制相似问题