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