z-index從一開始就被我忽略，幾乎沒有用到而導致對他的理解為零，他的準確含義是：檢索或設定物件的層疊順序。在ie5.5+中， iframe 物件開始支援此屬性。而在之前的瀏覽器版本中， iframe 物件是視窗控制項，會忽略此屬性。此屬性對於 currentstyle 物件而言是唯讀的。對於其他物件而言是可讀寫的。
.80t.***
首頁頂部banner為特殊的濾鏡切換效果，因為如果加了dtd申明效果無效，所以此處為iframe巢狀的單獨頁面，這個效果在ff同樣無效。如何去相容，以前考慮了n種辦法，因為此濾鏡ie獨有，完全效果相容是不可能的，但有如下變通達到效果上一致：
1. 更改行為相容，判斷客戶端瀏覽器分別載入顯示，即ie正常切換，ff就顯示一張圖。
2. 讓iframe透明，被巢狀頁用做背景，即不能切換就顯示背巢狀頁內做背景的。
實踐證明2不可行，1是可行的，而且也比較簡單。可是在更改過程中，又發現一種使用css來相容的方法。
想法很簡單，再增加一層，絕對定位的位置和大小完全同第二層一樣，也就是說兩層重疊在一起，誰優先順序高能看見誰，兩層書寫先後不影響。於是z-index就發揮了強大的作用。
兩層**如上，通過z-index指定優先順序，再綜合宣告判斷客戶端，自動指派優先順序高低，很清晰的邏輯，測試通過，缺點是增加了一層的載入時間。
CSS層疊（優先順序）
層疊樣式表css最基本的乙個特性就是層疊。衝突的宣告通過層疊進行排序，由此確定最終的文件表示。而這個過程的核心就是選擇器及其相關宣告的特殊性 重要性 及繼承機制。本文將詳細介紹css層疊 選擇器的特殊性由選擇器本身的元件確定。特殊性值表述為4個部分 如 0,0,0,0 下面來介紹不同的選擇器的特殊性...
CSS層疊優先順序
內容提要 如果同個元素有兩個或以上衝突的css規則，瀏覽器有一些基本的規則來決定哪乙個非常特殊而勝出。它可能不像其它那麼重要，大部分案例你不需要擔心衝突，但大型而且複雜的css檔案，或有很多css檔案組成的，可能產生衝突。如果同個元素有兩個或以上衝突的css規則，瀏覽器有一些基本的規則來決定哪乙個非...
css 繼承，層疊，優先順序
1，繼承，父親黃種人，孩子也為黃種人 兒子繼承父親 父親為 color red 子元素，也為color red 子元素不要勞作就有了，子元素什麼有沒有做，我就有了父元素的值 2，但是 width，不叫繼承，叫可以獲取 子元素可以獲取父親的width 父親寬度為100px。子元素不寫寬度，那麼，照樣沒...