**
不使用 position
這種情況下每一層都遵循 html 定位規則,其中的 left,right,top,bottom 定位資訊對其無效,z-index 也不會發揮作用因為沒有層疊的情況出現.
2. 使用 absolute
如兩個絕對定位物件的 z-index 屬性具有同樣的值,那麼將依據它們在html文件中宣告的順序層疊.
2.1 未使用 z-index
這種情況下,依據它們在html文件中宣告的順序層疊,因為 z-index 在未設定的情況下,預設為 0 .
001002
003001:位於最底層 002:位於中間層 003:位於最高層
2.2 使用 z-index
z-index 為無單位的整數值,可為負數.按照數值的大小排列,數值越大,越在外層.
001002
003001:位於中間層 002:位於最高層 003:位於最底層
2.3 父子元素
對於父子元素,子元素的從屬於父元素的層次,子元素在父層的上面
001 002
003001:位於中間層 002:位於最高層 003:位於最底層
3. 混合使用 absolute
對於沒有設定 position:absolute 屬性的元素 不管 z-index 設定多少都為 0, 但低於 position:absolute 中 z-index:0 的元素
001002
003001:位於最高層 002:位於中間層 003:位於最底層
精通 CSS DIV 網頁樣式與布局 7
none 允許字型序列中每一字型遵守它的自己的尺寸 number 為字型序列中所有字型強迫指定同一尺寸 說明 設定或檢索用於物件中文字的字型名稱序列是否強制使用同一尺寸。目前ie5.5尚不支援此屬性。對應的指令碼特性為 fontsizeadjust。請參閱我編寫的其他書目。示例 p p font s...
精通 CSS DIV 網頁樣式與布局 9
對應的指令碼特性為 fontweight。請參閱我編寫的其他書目。示例 span 請您用下面的按鈕選擇這段文字的font weight屬性的值。看一看會發生什麼，然後您就會明白這個屬性的意義。希望您喜歡這本電子書。謝謝。錯誤！未找到引用源。text decoration版本 css1 相容性 ie4...
精通 CSS DIV 網頁樣式與布局 11
示例 p p first letter font variant版本 css1 相容性 ie4 ns6 繼承性 有 語法 font variant normal small caps 引數 normal 正常的字型 small caps 小型的大寫字母字型 說明 設定或檢索物件中的文字是否為小型的大...