問題源自於我在原網頁中加入了乙個下拉列表，在原先單獨的下拉列表**裡z-index並沒有問題換到了複雜的網頁裡z-index顯示混亂，由此我進行了相關的了解
我們先看一段**，可以複製下來自己看一下
先給出結果圖：
我們可以看到兩個包在one裡的divz-index設定值都比four這個div大但是結果確是它倆在four下面這是因為它倆都在one裡面z-index值在one的基礎上的所以實際為10.100和10.150，還是比four的150小
我們再把**裡的div five加上去，把上面**裡的注釋去掉就行
.five圖里也說了新加的five在所有div下面，這是由於他的z-index並沒有起作用，而沒起作用是因為沒有position的設定，下面我們給five設定乙個position
.fiveposition的值可以隨便設定但必須有乙個值，relative、position、fixed都行，這樣z-index最大的five就顯示在其他div上面了
easyUI中，z index失效問題
1 z index是css的屬性，第一種div設定css的z index時，是不起作用的，最後設定在style中才起作用了，比較詭異的一件事情。2 還有一種情況就是，遮蓋層在dialog彈出層的下面，這種情況是z index失效了，此時可以新增 position absolute 如下圖 這是因為 ...
ie7 z index 失效問題
解決辦法 父級元素加上position relative 並設定z index.父級元素的z index優先，其中包含的元素的z index是相對於父級元素的index.要在上層顯示的內容 上面的例子中，倘若將第乙個div的z index設定為 1，則無論p的z index為多少，多會被下面的div...
ie7下z index失效問題解決方法 詳細分析
絕對定位元素的 有定位屬性 relative或absolute 的父元素 在渲染層次時起到了主要作用，前面的被後面的覆蓋了。解決辦法就是給有定位屬性的父元素設定z index 解決辦法 父級元素加上position relative 並設定z index.父級元素的z index優先，其中包含的元素...