用CSS構建iframe效果

2021-08-23 11:25:03 字數 709 閱讀 3431

iframe應用很普遍,通常的需求有兩種:

1. 獲取iframe效果,就是帶乙個滾動條,可以省不少版面。

2. 要嵌乙個頁面,實現框架鏈結。

如果不方便使用iframe,可以有如下相應解決方案:

1. 可以使用css布局來實現,即可以少乙個頁面,也可以提高執行效率。

2. 可以採用xmlhttp遠端獲取資料。

a. 直接模擬iframe

用層做容器

#content

用body做容器

html

* html

body

* html body

b. 絕對定位模擬iframe

滾動條在外邊

html

body

#content

#head

#foot

滾動條在裡邊

html

* html

body

#content

* html #content

#head

#foot

強調一下,standard模式要把body看作是乙個容器,基本和div類似,這和傳統觀念是很不一樣。搞清楚了html與body的關係,關於高階布局的很多問題自然迎刃而解。

在ie6.0和ff1.5環境下測試通過

超強,用CSS構建iframe效果

iframe應用很普遍,通常的需求有兩種 1,獲取 iframe 效果,就是帶乙個滾動條,可以省不少版面。2,要嵌乙個頁面,實現框架鏈結。如果不方便使用 iframe,可以有如下解決方案 第一種需求如果我們使用 css布局來實現,即可以少乙個頁面,也可以提高效率。第二種需求可以採用xmlhttp遠端...

用 CSS 實現的陰影效果

陰影效果成了平面設計的乙個套路,平面設計師把它當作瑞士軍刀的起子,隨處使用,儘管招致不少非議,卻一直廣受歡迎。雖然用影象編輯軟體也能實現陰影效果,但在web設計快速發展的今天,適應性和易用性是大勢所趨,這種以固定背景效果製作出的靜態很難有良好的適應性。假如有一種技術,用 css 對任意塊級元素靈活地...

用 CSS 實現的陰影效果

中文翻譯 onestab 2004.02.28 假如有一種技術,用 css 對任意塊級元素靈活地新增陰影,而且能隨著內容的大小自動擴充套件,還要適用於大多數流行的瀏覽器,那該有多好!不信麼?告訴您,只需寫幾行 就能做到。陰影效果成了平面設計的乙個套路,平面設計師把它當作瑞士軍刀的起子,隨處使用,儘管...