如何制作和iframe像themeforest.com预览

Question

如何使用javascript和iframe dom元素制作像themeforest.com这样的iframe。 这是网站参考。看看顶部的黑线。并且整个网站都在其下载。

http://themeforest.net/item/focus-simple-one-page-template-2/full_screen_preview/236868

Answer 1

如果您希望iframe填充整个网页，只需将iframe元素的宽度和高度设置为 100％ { {1}}。

以下是一些展示此想法的示例代码：

<强> HTML

CSS

<强> CSS

<div id="header">
    Header
</div>
<iframe src="https://developer.mozilla.org/en/XUL/iframe">
</iframe>

此代码的工作示例位于此JSFiddle ：http://jsfiddle.net/mq4Rf/7/。