17

我来这里已经有一段时间了，之前只问了一个问题。我设计了很多网站。但我唯一没有完全理解的是“iFrames”。他们有点弄乱我的头。

.:我想要达到的目标:.

注意：我没有 iFrames 域的来源的所有权......这应该是无关紧要的，因为您只是拿一页，然后在另一页上显示它。他们的外部样式仍然显示他们的页面应该如何。我知道这一点，因为我已经做到了。

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 本身放在 aDIV中，并DIV设置为： W- 100%H- 100%。

当我尝试 CSS 方法时，marginheight/width 被忽略了。此外，不同的车身风格margin="0"是徒劳的；再次。

4

2 回答 2

18

看看：http: //jsfiddle.net/cgXcR/

的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 ;
}
于 2012-08-25T17:13:27.560 回答
10

好的，我要感谢辛西娅的帮助。

但是，如果有人正在寻找一个实际可行的简单答案，请查看以下内容：

喜欢原始查询：FULL iFrame

使用 CSS 解决

<blah>
<head>
<style type="text/css">
    body {scrolling:no;
}
    iframe {position:absolute;
    z-index:1;
    top:0px;
    left:0px;
}
</style>
</head>
<body>
    <iframe src="http://www.wn.com" height="100%" width="100%" frameborder="0"></iframe>
</body>

注意positioning&z-index

*注意：这只能通过 MARK-UP 写入。您不必使用 CSS，但这样做更有意义，因为您不仅要尝试在 yoru 网站上正确显示所有内容；通过使用 CSS 自定义 iFrame，您可以为网页中的每个单独框架打开更多窗口。如果你像我一样，只使用一个 iFrame，那么你应该简单地使用 MARK-UP。但是，如果你有超过 1 个 [或 1 个框架中有很多个]，你应该使用 CSS 来专门处理ID每个框架。*

另外，如果有人想知道如何仅使用 MARK-UP，只需交换 CSS 中的内容，然后放在<iframe></iframe>但使用单引号内

The Antarctican

于 2012-08-27T14:46:41.247 回答