我来这里有一段时间了,之前只问过一个问题。我设计了很多网站。但我唯一没有完全理解的是“iFrame”。它们让我的脑袋有点乱。
.:我想要达到的目标:.
注意:我没有 iFrame 域来源的所有权...它应该是无关紧要的,因为您只是获取一个页面,然后在另一个页面上显示它。他们的外部样式仍然显示他们的页面应该如何。我知道这一点,因为我已经做到了。
1) 我需要知道如何让 iFrame 在我的网站上显示为整页。 我知道这里有很多关于 iFrame 的主题,但是 1) 它们已经过时了。 2) 它们不适用于我/我的网站。我什么都试过了,但似乎都是徒劳的。
.:例子:.
当用户转到 http://www.example.com/news.php 时, 页面应该从另一个新闻站点加载内容。即 cnn、wn、cbs...
我之前已经弄明白了,所以请不要告诉我所有关于没有内容所有权的废话,那样我就无法实现我的目标。
我不记得我是怎么写的,但我知道没有任何 CSS 样式。它非常类似于:
<body style="scrolling:no;>
<iframe src='http://www.example.com'
style='position:absolute; top:4px; left:0px; width:100%; height:100%;
z-index:999' onload='sendParams();' frameborder='no' scrolling='auto'>
</iframe>
</body>
我没有得到的是:无论我使用什么样式来自定义 iFrame,它似乎都包含在一个关于 size= 867x155
的框内。
我什至尝试将 iFrame 本身放在 DIV
中,并将 DIV
设置为:W- 100%
H- 100%
.
当我尝试 CSS 方法时,marginheight/width 被忽略了。此外,margin="0"
的不同主体样式也是徒劳的;又一次。
最佳答案
HTML:
<iframe src="http://www.cnn.com" height="100%"></iframe>
CSS:
body, html { width:100% ;
height:100% ;
overflow:hidden ;
}
iframe { width:100% ;
height:100% ;
border:none ;
}
关于javascript - 如何让 iframe 填充整个页面 100% 和顶部 :4px?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12123947/