是否可以在iframe中只显示某个div?

问题描述:

比方说,我有一个页面2.htm设置为src的iframe。是否可以在iframe中只显示某个div?

<iframe src="2.html"></iframe> 

因此,这显示了2.html。但是2.html有一个ID为'内部'的div。我只想显示'内'的内容。

我该怎么做?

+0

你有没有编辑2.html的权限,并可以添加一些JavaScript或是一个外国网站,你不能改变任何东西? – Seybsen

+1

我无法更改2.html – Chris

这是CSS和HTML代码来完成任务:

<style> 
#outerdiv 
{ 
    width:446px; 
    height:246px; 
    overflow:hidden; 
    position:relative; 
} 

#inneriframe 
{ 
    position:absolute; 
    top:-412px; 
    left:-318px; 
    width:1280px; 
    height:1200px; 
} 
</style> 
<div id="outerdiv"> 
    <iframe src="2.html" id="inneriframe" scrolling="no"></iframe> 
</div> 

尝试了这一点:http://jsfiddle.net/57MRn/

这是如何工作
iframe的是outerdiv内移动,直到仅显示div内。