z-index在內部div比父div高

內部div的z-index是否有可能是更高的值，並且堆棧高於其父div。z-index在內部div比父div高

例如

CSS

#parentdiv{ 
    z-index: 10; 
} 

#childiv{ 
    z-index:12; 
}

我需要這個工作，因爲默認情況下，內部的div它隱藏起來，當它被設置爲顯示我想這是上面的另一個div（ seconddiv）與z-index:11;然而，父div必須低於seconddiv。我敢肯定，我可以使用jQuery來做到這一點，但我想知道這是否可以使用CSS只能工作

來源

2014-01-20 Kwaasi Djin

對父div使用'z-index：-1'。 – otinanai

答案是肯定的。這正是z-index的用途。想一想Photoshop中的z-index類似圖層。在上面的示例中，#childiv將位於#parentdiv之上。你也可以進入負Z指數。如上所述，您需要設置位置。

#parentdiv { 
position:relative; 
z-index:10; 
} 

#childiv { 
position:absolute; 
z-index:12; 
}

添加小提琴幫助你。 http://jsfiddle.net/9UMc9/

來源

2014-01-20 16:56:00

不幸的是，這並沒有回答我的問題。有三個divs; parentdiv childdiv和第二個div。默認情況下，子div被設置爲隱藏。我希望父div在第二個div下方，但是子div在secondiv之上顯示。我已經設置zindex爲10,11,12爲父母，第二和孩子，但它不起作用 –

我想我必須依靠javascript –

http://jsfiddle.net/9UMc9/2/我更新了小提琴到顯示你所要求的。在這個例子中，父div在背景中是黑色的（在第二個div和子div下）。第二個div位於父div的頂部。小孩div坐在第二個div上面。如果您添加顯示：無;到第二個div它不會顯示，但你仍然會看到第二個div。 –

我有一個類似的問題，我試圖把第二個「介於」父母和孩子之間。不幸的是，這對純CSS來說是不可能的。

來源

2014-01-20 16:57:51 kmoe

z-index在內部div比父div高

回答

相關問題