2011-11-27 23 views
12

Giả sử tôi có iframe có trang 2.htm được đặt làm src.Chỉ có thể hiển thị một div nhất định trong iframe?

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

Vì vậy, điều này cho thấy 2.html. Nhưng 2.html có một div với id 'within'. Tôi chỉ muốn hiển thị nội dung của 'bên trong'.

Tôi làm như thế nào?

+0

bạn có chỉnh sửa đặc quyền cho 2.html và có thể thêm một số javascript hoặc là trang web nước ngoài mà bạn không thể thay đổi bất kỳ điều gì không? – Seybsen

+1

tôi không thể thay đổi 2.html – Chris

Trả lời

16

Đây là CSS và html code để hoàn thành nhiệm vụ:

<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> 

Hãy thử điều này: http://jsfiddle.net/57MRn/

làm việc như thế này
Iframe được di chuyển lên trong outerdiv cho đến khi chỉ div bên trong được hiển thị.

Các vấn đề liên quan