html，css：如何使div在其他div上呈現

Question

在facebook或者其他許多網站中都有一個搜索框，您可以在其中輸入搜索字符串，並在其下面隱藏其他所有內容在這個地方，如下面的摘錄自Likedin所示。

我的問題是如何才能做到這一點，我怎麼得到這個搜索div（或者它應該是比div別的東西嗎？）隱藏，似乎是在同一個頁面的其他部分頁面上的區域？

FWIW：我的一些div s（應該被覆蓋）定義爲position:fixed。

Answer 1

使用z索引，z索引具有較高數出現在例如＃DIV-1較低的z索引

的頂部將出現在頂部，因爲DIV-2不具有z索引（其缺省值是0或div的父索引的z索引），並且div-3具有較小的z索引值。但是div-3會出現在div-2之上。

#div-1 { 
    z-index: 3523; 
} 

#div-2 { 
} 

#div-3 { 
    z-index: 29; 
}