CSS層Z索引IE8兼容模式 - 下拉菜單

Question

我在這方面相當無能，但經過幾個月的玩，探索和閱讀我終於使我的公司網站達到一個可觀的狀態。我釋放它之前只有一個小問題。而且我意識到這已被問及答案一百萬次，但對於我的生活，我無法弄清楚如何在我的特定頁面上修復它。

所有在Chrome，Firefox和IE瀏覽器都可以正常運行。在IE8中，當處於兼容模式時，懸停子菜單位於滑動橫幅後面。如果我打算測試它，我認爲這在IE7中是一樣的。

http://www.globalsafetytandc.com/index.html

我一直在試圖整天解決這個問題。我的CSS現在在任何地方都有z-index值，但依然無濟於事。我尋求你的見解。對我溫柔。我對這個發展潛力沒有真正的經驗 - 只是一個好奇的想法，讓我走了這麼遠。

感謝， 西蒙

Answer 1

對於IE8的兼容性在HTML文件的頭部加入這一行：

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