0

我正在考虑在我原本的framesetXHTML 1.0 Strict 站点上使用 a ，但我注意到 HTML5 的该frameset功能已过时，iframe应该改用 an 。

我需要在我的网站中加载一个外国网站，我的网站只占据屏幕的最顶部（如果它不妨碍滚动就好了，例如，看起来好像我的网站的顶部实际上是外国网站内的 iframe）。

我如何用 HTML5 做到这一点iframe？ 我可以将 的 设置height为在iframe中加载的文档的全尺寸iframe，并将 设置width为全屏宽度吗？ 我自己的网站将只是顶部的一个小的单行菜单；整个屏幕必须专门用于iframe其他。

没有 JavaScript，必须是纯 HTML5（可能有一些次要的 CSS，但没有什么大的，因为它必须在lynx/之类的浏览器中工作links）。

4

1 回答 1

0

使用和position的组合。fixedabsolute

示例：

<div id="myHeader">My site portion</div>
<div id="myWrapper"><iframe id="myIframe" src="data:text/html;charset=utf-8,<div style='position:absolute;height:100%;width:100%;background-color:red;'>other Site</div>"></iframe></div>


body {
    margin: 0 0 0 0;
}

#myHeader {
    position: fixed;
    top: 0;
    height: 100px;
    width: 100%;
}

#myWrapper {
    position: absolute;
    top: 100px;
    bottom: 0;
    left: 0;
    right: 0;
}

#myIframe {
    height: 100%;
    width: 100%;
}
于 2013-05-16T20:51:09.093 回答