在IE9中的Z指數不工作，因爲它應該

Question

基本上，我有一個容器內有2個導航按鈕的圖像。出於某種原因，IE9中的z-index並不像它應該的那樣工作。所有其他瀏覽器顯示正確。

在IE9中，當我將鼠標懸停在圖像上時，圖像位於頂部。這不是假設。導航按鈕應該在頂部，以便用戶可以點擊按鈕。

我在這裏讀到的解決方案，試圖與z-index的演奏，宣佈所有元素絕對沒有成功...

這是一個錯誤IE9，又有什麼補丁/破解？

編輯：

我添加了一個的jsfiddle來解釋它。如果將鼠標懸停在圖像上，則z-index不起作用，只是您將鼠標懸停在圖像外部，z-index才起作用。

到目前爲止，我已經通過爲模態導航添加背景顏色並以0不透明度作弊。由於某種原因，在IE9中起作用。

http://jsfiddle.net/hkw9u7tL/13/（對人其他瀏覽器正常工作，不過IE9）

HTML：

<div id="modal-overlay"></div> 
<div class="modal m-photo"> 
    <div class="modal-close"></div> 
    <div class="modal-nav prev"></div> 
    <div class="modal-nav next"></div> 
    <img src="../gallery/files/7/7/fc53534156328e43.32171077_l.jpg"> 
</div> 

CSS：

#modal-overlay {display: block; position: fixed; z-index: 9; left: 0%; top: 0%; width: 100%; height: 100%; background: rgba(255,255,255, 0.8);} 

.modal {display: block; z-index: 99; position: absolute;} 

.modal-close {position: absolute; z-index: 9999; right: -15px; top: -13px; width: 30px; height: 30px; background-image: url(../../images/icons2/close.png); cursor: pointer;} 

/* modal navigation */ 
.modal-nav {position: absolute; z-index: 999; width: 35%; height: 100%; cursor: pointer;} 
.modal-nav.prev {left: 0;} 
.modal-nav.next {right: 0;} 

/* MODAL specifics */ 
.modal.m-photo {width: 850px; height: 650px; background-color: #222;} 
.m-photo img {position: absolute; z-index: 99; display: block;} 

Answer 1

也許它不是一個Z指數的問題......？關閉圖標錯位於視圖外... http://jsfiddle.net/hkw9u7tL/

.modal-close {position: absolute; z-index: 9999; right: 15px; top: 15px; width: 30px; height: 30px; background-image: url(../../images/icons2/close.png); background-color: #369; cursor: pointer;}