在iframe中隐藏来自外部来源的内容?

时间:2015-05-27 11:57:51

标签: html css iframe

我的som html看起来像这样...

HTML

<div class="container">
<div class="left-col">
</div>
<div class="right-col">
<iframe src="external-site" border="0" scroll="no">
</div>
</div>

的CSS:

.container {overflow:hidden;}
.right-col iframe {margin-top:-100px;}

我想要隐藏iframe中显示的外部网站的100个第一个顶部像素。它似乎适用于我测试过的那些浏览器,但是在不知道使用什么浏览器的情况下在“智能电视”上测试它,有一个问题并不是所有的iframe都显示出来......但是我的问题是...

有没有其他方法可以实现我想做的事情?

1 个答案:

答案 0 :(得分:5)

您可以采取以下方式。

.right-col iframe {
    position: relative;
    top: -100px;
}

检查Fiddle.