為什么菜單出現在Chrome和FireFox中，而不出現在IE中？

Question

為什么頂部類別菜單（所有內容，芭蕾平底鞋，靴子等）-div id =“ header-bar”-在FireFox和Chrome中看起來很棒，但是在IE中隱藏，除非您向下滾動頁面？

http://shoeporn.com

任何幫助都感激不盡 ：）

Answer 1

它位於頂部欄的下方。 可以將z-index更改為大於頂部欄的值，或者更改top以將其定位在頂部欄的下方。

Answer 2

它也隱藏在鉻中。 z索引低於背景或其中之一。 無論如何，請在您的header-nav中添加以下內容：

z-index: 130;

Answer 3

我發現在此特定示例中，在#header-bar上設置position:absolute是不好的做法。 考慮將其更改為

#header-bar {
  position: relative;
  /*left: 0;
  right: 0;
  top: 44px; - remove these*/
}

這將保持自然的文件流； position:relative允許下拉菜單定位和維護渲染上下文（與完全刪除position屬性相比，並看到下拉菜單位於“鞋櫃”的后面）

經驗法則：如果沒有它，可以避免絕對定位。

Answer 4

對我來說，它也隱藏在chrome中...無論如何在CSS中更改此設置：

#header-bar {
   top: 84px;
   z-index: 105;
}

從＃header-wrapper中刪除z-index並將z-index：106添加到＃header-nav中。

希望對您有幫助...