@div加iframe实现显示其他页面的指定一部分,例如下边这个例子!!!
1,例1:
(2),实例代码如下:
<div class="sfznav divc" style="margin-top: 20px; overflow: hidden; border: 10; padding: 0px; margin: 0px;height:100px;"><iframe id="myframe"
style="left: -20px; top: -200px; position: relative;" name="myframe" src="http://fc.5sing.com/6001533.html###" frameborder="0" scrolling="no" width="484" height="315"></iframe>
</div>
(3),备注:
(1),外围div控制的是在页面中显示的位置和大小,
注意外围div中的高度和宽度都可以设置的(height:100px;),控制着显示区域的大小。
重要样式属性
overflow: hidden;,超出的部分都隐藏。
(2),下边就是内层iframe的事了,重点样式属性left: -20px; top: -200px; position: relative;控制着被引用页面的显示区域,通过相对定位和top值和left值,可以精确的指定,我们想显示的区域。width="484" height="315"高度和宽度控制着引用页面中的显示区域.注意的最终显示区域,是由外围div控制的。
@总结:
1,注意,如果网页需要进行操作,或者js互动,那就要注意,弹出层问题和提示框位置问题。
1,注意,如果网页需要进行操作,或者js互动,那就要注意,弹出层问题和提示框位置问题。
2,还有就是需要验证登陆的页面,也需要注意。弹出框会引起不好的效果。
3,是页面如果做了跳转,也不能用iframe,因为一进去就会跳转到其他页面。有些网站做了防iframe。
