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