CSS对象之------iframe标签,如何实现显示其他页面的一部分(例如一个div)?用div+iframe实现,用iframe的position实现!!!


 @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互动,那就要注意,弹出层问题和提示框位置问题。
  2,还有就是需要验证登陆的页面,也需要注意。弹出框会引起不好的效果。
  3,是页面如果做了跳转,也不能用iframe,因为一进去就会跳转到其他页面。有些网站做了防iframe。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM