IE7 jQuery Z-index

Question

使用jQuery滑塊前面的菜單獲得了一個網站。 在IE7中，下拉菜單位於菜單后面。

該網站是： http : //lkanlaeg.stom.dk/

到目前為止，我嘗試了什么？

• jQuery修復，無法正常工作。
• 將所有頂部元素定位為“相對”，並相應地設置z-index。

您會建議我下一步嘗試什么？ 重復定位過程？ 我的代碼是這樣的：

#wrapper, .content-wrapper, #header-wrapper, #primary-menu, #new-royalslider-1, #primary-menu ul{
position: relative;
z-index: auto;

加

#primary-menu ul li ul{
z-index: 900;
position: absolute;

我在這里錯了嗎？

我發現的唯一“半解決方案”是將滑塊的z-index設置為-1-確實有幫助。。但是我覺得它更像是最后的選擇。

Answer 1

對於第75行的第一個content-wrapper ，我添加了style="z-index:10;" 在第142行的第二個content-wrapper上，我添加了z-index:5; 到樣式塊。 這樣就可以修復它。

頂部包裝紙必須大於主體，這會將菜單推到所有內容之上。 我在browserstack中測試了它，它工作正常。