z-index未設置爲某個值

Question

我將z-index設置爲某個div的某個值，但它仍將z-index顯示爲瀏覽器中計算樣式的自動。

有人可以告訴我爲什麼會發生這種情況嗎？ ，我該如何解決這個問題？

感謝， 阿米特·喬杜裏

Answer 1

確保您還設置以外的位置比static：

#myDiv { 
    position : relative; 
    z-index : 25; 
} 

Answer 2

不知道這件事，你的相應div的z-index的是由一些js控制代碼或css。我認爲你必須使用的jQuery​​方法override that elem's z-index：

$(window).load(function(){ 
    $('elem').css('z-index','99999'); // @elem put your div's id or class 
}); 

Answer 3

你應該將其設置爲relative或absolute，即使你認爲這是不必要的。在以下示例中，如果要a高於b，則應設置a爲absolute，即使a的位置在沒有設置absolute的情況下也適用。

<div id="a"> 
    a 
</div> 
<div id="b"> 
    b 
</div> 

CSS：

#a { 
    z-index: 2; 
    background-color: #f00; 
    width: 100px; 
    height: 100px; 
    position: absolute; 
} 

#b { 
    background-color: #0f0; 
    position: absolute; 
    left: 20px; 
    top: 30px; 
    width: 100px; 
    height: 100px; 
} 

運行演示在這裏：http://jsfiddle.net/a9dMn/

Answer 4

檢查您的緩存。如果瀏覽器正在查看緩存的css文件，則樣式可能不適用，在這種情況下，div仍然沒有設置z-index。

如果您使用chrome，則可以通過ctrl + f5重置緩存。

Answer 5

如果是正被overrideen你總是可以嘗試

.element {z-index:100 !important;}