IE 10不尊重z-index

我有一個固定的大小和位置相對於我的網頁的div。（不幸的是，我不能分享這些代碼，所以如果可以的話，請耐心等待）。我希望在雙擊時重新啓用禁用的輸入，但您可能知道禁用的輸入不喜歡觸發單擊事件。我想出了一個解決方案，其中包括將絕對定位在相對定位的容器內的input以及具有相同尺寸和位置的絕對定位的div。雙擊時，我將div的顯示更改爲none。這在其他瀏覽器中效果很好，但IE 10（我沒有檢查過較低版本）並不尊重我已經放置在div和input上的z-indexes。 div的z-index爲2，輸入的z-index爲1，但IE忽略了這一點，並允許我點擊「通過」div和輸入，就好像div不在那裏一樣。我沒有要求任何人調試我的代碼，因爲我無法顯示它，但如果這是常見問題/錯誤，我將不勝感激任何已知的解決方法。IE 10不尊重z-index

來源

2014-04-28 Craig Lafferty

Internet-Explorer非常複雜，特別是z-index和位置。

好的，最新的解決方案是什麼？ 努力工作。確保元素大多有一個位置。必須在某些地方使用position: relative;。

解決與z-index的問題，你必須從最高級別的父（<html>）上所有孩子的，並設置每個孩子的z-index（開始0），增加每個z-index的，例如：

html { 
    z-index: 0; 
} 

body { 
    z-index: 1; 
} 

header { 
    z-index: 2; 
} 

header nav { 
    z-index: 3; 
}

一般來說，檢查的有效性：HTML Validator，CSS Validator

來源

2014-04-28 15:15:34

補充一點：

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

並確保您的文檔類型已設置

<!doctype html>

來源

2014-04-28 15:17:02 davidcondrey

但是，如果代碼已經損壞，則「X-UA兼容」不會總是有效。他必須用驗證器檢查他們的文件。 –

我已經使用這個無效，我應該提到。 –

IE 10不尊重z-index

回答

相關問題