的z-index問題

當網站在IE 9或下面看時，下拉主頁上的菜單出現在幻燈片下方（這是一個谷歌幻燈片），但是當你去到另一個頁面，下拉菜單顯示在圖像的頂部。

我已經將下拉div的z-index設置爲9999，並且我嘗試將幻燈片的z-index設置爲零，但我似乎無法使其工作。

我們使用的CMS不直接允許訪問該頁面的HTML代碼（不要問...），所以我只能使用CSS或JavaScript進行更改。因此，爲什麼我不能更改文檔類型以使其以標準模式顯示。

不尋找一個乾淨的解決方案必然，任何瘋狂的JavaScript黑客將不勝感激。

試試這個 -

.t_horizontal * { z-index: 1000 !important; }

或

.t_horizontal table { z-index: 1000 !important; }

如果連沒有再工作 - 嘗試使用jQuery -

$(document).ready(function(){ 
    $('.t_horizontal *').css('z-index','1000 !important'); 
});

注：菜單是使用表這是不正確的建立菜單的方法。

2013-01-08 10:23:24 HADI

感謝，似乎並不雖然已經奏效。似乎每當新圖像淡入時，它都默認爲最高。我知道這是可怕的代碼，我希望我可以編輯它，但不幸的是我無法訪問代碼，菜單由CMS自動生成。 –

嘗試添加此 - #slideshow {z-index：100} .t_horizontal，.t_horizontal *，.t_horizontal div，.t_horizontal：hover {z-index：1000} – HADI

你試過：

#ctlHeaderModules { 
    position: relative; 
    z-index: 2; 
} 
#frm1 { 
    position: relative; 
    z-index: 1; 
}

這兩種元素兩者都在同一水平上，當我在Chrome中檢查他們，我沒有看到應用任何這些特性，它值得一試。

2013-01-10 16:34:12 maceyj2

回答