關於css中的z index 屬性

2021-06-28 02:07:25 字數 659 閱讀 1977

檢索或設定物件的層疊順序。 較大

number 值的物件會覆蓋在較小

number 值的物件之上。如兩個絕對定位物件的此屬性具有同樣的

number 值,那麼將依據它們在html文件中宣告的順序層疊。對於未指定此屬性的絕對定位物件,此屬性的

number 值為正數的物件會在其之上,而

number 值為負數的物件在其之下。設定引數為null可以移除此屬性。

此屬性僅僅作用於

position 屬性值為relativeabsolute的物件。

這個屬性不會作用於視窗控制項,如select物件。

在ie5.5+中,iframe物件開始支援此屬性。而在之前的瀏覽器版本中,iframe物件是視窗控制項,會忽略此屬性。此屬性對於currentstyle物件而言是唯讀的。對於其他物件而言是可讀寫的。

對應的指令碼特性為zindex

一下是 例項** 

z-index : 6 ;

z-index : 4 ;

z-index : 5 ;

css中的z index屬性

參考 先說下總結 1 z index 必須結合relative或absolute才有效 2 兄弟元素之間 z index 0 z index auto z index不寫效果是一樣的,他們之間按照書寫的順序去覆蓋 3 如果想讓父元素覆蓋掉子元素,就要使子元素的z index為負值同時父元素還不能設定...

關於CSS中z index的用法

我們經常在做網頁的時候,想讓後面的元素覆蓋前面的元素該怎麼做呢,這時候就會用到z index,關於z index的用法如下 對於同級元素,預設情況下文件流後面的元素會覆蓋前面的。對於同級元素,position定位不是static的時候,z index大的元素會覆蓋z index小的元素,即z ind...

CSS中z index屬性具體

層相對於螢幕縱深方向的順序。你用幾個層疊在一起就可看出它的含義。如以下是相關測試 z index 2 background color red z index 1 top 20px background color blue 說明 第乙個div模組中,我們定義了寬度為150,高度為100,背景色為紅...