使用z-index

我想讓我的「個人資料」div出現在我的「個人資料包裝」div上方。我嘗試使用z-index，但它似乎不工作。我究竟做錯了什麼？使用z-index

我的CSS：

#profile-stuff { 
padding: 40px 40px 0px 40px; 
height: 1000px; 
width: 750px; 
z-index: 150; 
}

來源

2013-08-05 user2320500

的z-index需要容器有某種 – War10ck

位置它不是在一個容器 – user2320500

它在一個div。將'position'添加到包含內容的div的css中。 [見]（http://stackoverflow.com/questions/18066533/using-the-z-index/18066574#answer-18066574）我的回答如下... – War10ck

您需要添加定位的元素

#profile-stuff { 
    position: relative; 
    padding: 40px 40px 0px 40px; 
    height: 1000px; 
    width: 750px; 
    z-index: 150; 

}

來源

2013-08-05 19:53:11 brbcoding

一注 - 不一定是相對定位。它只需要*某種*定位。 – brbcoding

爲了z-index工作，你div與一個id個人資料需要有position屬性。

修改你的CSS像這樣：

#profile-stuff { 
    position: relative; // <-- Add this property 
    padding: 40px 40px 0px 40px; 
    height: 1000px; 
    width: 750px; 
    z-index: 150; 
}

添加position: relative您#profile-stuff CSS和它應該工作的罰款。

我修改了你的小提琴。 JSFiddle

來源

2013-08-05 19:53:28 War10ck

爲了使z-index正常工作，您還必須具有定位屬性。

position: relative; 
position: absolute; 
position: fixed;

來源

2013-08-05 19:53:50 Scott

除默認值外，'position：static'。 – Henrik

z-index CSS rule需要某種定位;添加任何的以下規則來#profile-stuff：與它們的定位定義

position: relative;

或

position: absolute;

或

position: fixed;

來源

2013-08-05 19:54:58 federicot

@brbcoding是的，我糾正了那裏的鏈接。 – federicot

的z索引屬性將僅適用於元件工作。您需要設置'位置'屬性。

#profile-stuff { 
    padding: 40px 40px 0px 40px; 
    height: 1000px; 
    width: 750px; 
    position: absolute; 
    z-index: 150; 
}

來源

2013-08-05 19:55:21 Daniel

回答

相關問題