css - 正确调整iframe的高度

Question

我有这个代码:

 <iframe scrolling="no" src="http://www.portalminero.com/display/bols/Bolsa+de+Metales" 
style="border: 0 none; margin-left: 100px;  height: 860px;  width: 970px;"></iframe>

当我运行它时，我加载了我想要的高度，但我不想显示页面的标题...只是从“Bolsa de Metales”标题开始。我该怎么做？

Answer 1

如果加载的页面不在您的域中(跨域)，则无法使用 CSS 或 JavaScript 执行此操作。一个简单的解决方案可能只是添加一个白色背景的 div 并将其添加为顶部的图层(使用 css 定位):

HTML:

<div id="myDiv"></div>

<iframe id="myIFrame" scrolling="no" src="http://www.portalminero.com/display/bols/Bolsa+de+Metales"></iframe>

CSS:

#myIFrame {
    border: 0;
    margin-left: 100px;
    height: 860px;
    width: 970px;
}
#myDiv {
    background-color:#fff;
    margin-left: 100px;
    width: 970px;
    height: 40px;
    position: absolute;
}