Html iFrame-如何过滤网页顶部?

Html iFrame-如何过滤网页顶部?,html,css,iframe,positioning,Html,Css,Iframe,Positioning,如何过滤iFrame中出现的信息 目前,我的iframe atm中出现的是: 但我想把它过滤掉 ?我认为您无法访问中的内容这是一种画布或网络视图,其中会呈现src url。您无法过滤或修改外部源呈现的内容。我认为您无法访问内部的内容这是一种画布或Web视图,src url将在其中呈现。您无法筛选或修改由外部源呈现的内容。如果域不同,您无法对iFrame内容执行任何操作,正如您所看到的以及在许多相关问题上所看到的。虽然这些通常以使用Javascript修改内容为中心,但同样的限制也适用于CSS

如何过滤iFrame中出现的信息

目前,我的iframe atm中出现的是:

但我想把它过滤掉


我认为您无法访问
中的内容这是一种画布或网络视图,其中会呈现src url。您无法过滤或修改外部源呈现的内容。

我认为您无法访问
内部的内容这是一种画布或Web视图,src url将在其中呈现。您无法筛选或修改由外部源呈现的内容。

如果域不同,您无法对iFrame内容执行任何操作,正如您所看到的以及在许多相关问题上所看到的。虽然这些通常以使用Javascript修改内容为中心,但同样的限制也适用于CSS

如果这些都在同一个域上,您可以使用Javascript实现

如果它不在您的域中,那么有一些解决方案供您选择。第一个是
HTML
CSS
,如果iFrame位于页面的最顶端,或者如果您将iFrame的顶端隐藏在另一个元素后面,例如图像:您可以使用负数
margin
overflow:hidden
隐藏滚动条。请在上查看

HTML:

虽然
scrolling=“no”
属性不是
HTML5
-有效,但据我所知,有必要去掉Chrome中的条

第二种解决方案是在内部加载外部页面,然后指向该页面。这使您能够完全控制正在加载的页面的内容和样式。您可以使用多种语言来实现这一点,但我将介绍如何使用
PHP

首先,将iFrame指向域上的一个页面,在那里放置内容

<iframe src="local-content.php" style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>
然后,您可以使用。例如,向其中添加样式表:

$our_css_url = "static/css/style.css";
$element = $dom->createElement('link');
$element->setAttribute('type', 'text/css');
$element->setAttribute('rel', 'stylesheet');
$element->setAttribute('href', $our_css_url);
将其添加到页面的
标题中:

$head = $dom->getElementsByTagName('head')->item(0);
$head->appendChild($element);
然后,当然,您可以输出整个内容:

echo $dom->saveHTML();

如果域是不同的,那么您不能对iFrame内容做任何事情,正如您所看到的,在许多相关问题上也是如此。虽然这些通常以使用Javascript修改内容为中心,但同样的限制也适用于CSS

如果这些都在同一个域上,您可以使用Javascript实现

如果它不在您的域中,那么有一些解决方案供您选择。第一个是
HTML
CSS
,如果iFrame位于页面的最顶端,或者如果您将iFrame的顶端隐藏在另一个元素后面,例如图像:您可以使用负数
margin
overflow:hidden
隐藏滚动条。请在上查看

HTML:

虽然
scrolling=“no”
属性不是
HTML5
-有效,但据我所知,有必要去掉Chrome中的条

第二种解决方案是在内部加载外部页面,然后指向该页面。这使您能够完全控制正在加载的页面的内容和样式。您可以使用多种语言来实现这一点,但我将介绍如何使用
PHP

首先,将iFrame指向域上的一个页面,在那里放置内容

<iframe src="local-content.php" style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>
然后,您可以使用。例如,向其中添加样式表:

$our_css_url = "static/css/style.css";
$element = $dom->createElement('link');
$element->setAttribute('type', 'text/css');
$element->setAttribute('rel', 'stylesheet');
$element->setAttribute('href', $our_css_url);
将其添加到页面的
标题中:

$head = $dom->getElementsByTagName('head')->item(0);
$head->appendChild($element);
然后,当然,您可以输出整个内容:

echo $dom->saveHTML();

你能解释一下这些iFrame是如何使用的或者给出一个代码示例吗?你什么都不懂,你是在问javascript吗?你能解释一下这些iFrame是如何使用的或者给出一个代码示例吗?什么都不懂,你是在问关于javascript的问题吗?所以你不能通过定位来让它过滤掉顶部?过滤掉是什么意思?你想在iframe中隐藏显示区域的部分吗?如果是这种情况,你可以用css实现。。。使用一些边距顶部字段输入值。。。这会有帮助,所以你不能仅仅通过定位来过滤顶部?你说的过滤是什么意思?你想在iframe中隐藏显示区域的部分吗?如果是这种情况,你可以用css实现。。。使用一些边距顶部字段输入值。。。这将有助于css的工作:/我不知道如何编码/使用php第一个解决方案只有在iFrame位于页面顶部时才有效(我在解决方案中用斜体表示)。我能想到的最好的解决方案是现在的
PHP
解决方案,假设
iFrame
的源代码是外部的。css的东西确实可以工作,但在它的位置上看起来非常糟糕和不专业:(无论如何,谢谢css不起作用了:/i我不知道如何编码/使用php第一个解决方案只有在iFrame位于页面顶部时才起作用(我在解决方案中用斜体表示)。我能想到的最好的解决方案是现在的
PHP
解决方案,假设
iFrame
的源代码是外部的。css的东西确实可以工作,但看起来非常糟糕,而且不专业