Q

爲什麼菜單出現在Chrome和FireFox中，但不是IE？

2012-09-14 173 views 1 likes

1

爲什麼頂級類別菜單（Everything，Ballet Flats，Boots等） - div id =「header-bar」 - 在FireFox和Chrome中看起來不錯，但是在IE中隱藏，除非你向下滾動頁面？爲什麼菜單出現在Chrome和FireFox中，但不是IE？

http://shoeporn.com

任何幫助將非常感激:)

2012-09-14 Kane

+0

這是一個冒險的點擊 –

+0

對不起，我的壞，我應該說SFW :) – Kane

A

回答

-1

對我來說，它隱藏在鍍鉻太...無論如何改變這個在CSS：從＃頭，包裝

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

刪除的z-index和添加的z-index：106＃報頭導航。

希望它有幫助...

2012-09-14 00:21:12 hjuster

+0

謝謝，這是訣竅！ – Kane

+0

這種維護「position：relative」的方法不必干涉文檔流並提交給顯式維度。（另外：這太硬了，如果頭部尺寸發生變化，'頂部'值將不得不重新調整，我認爲這可能導致了第一個缺陷） –

0

它的下面（後面），最上面一欄的位置。將z-index更改爲比頂欄更大的東西，或將top更改爲將其放置在頂欄之下。

2012-09-14 00:18:05

0

它隱藏在鉻也是。 z-index低於背景或其他東西。反正添加一些像這樣的頁頭導航：

z-index: 130;

2012-09-14 01:33:03 lolzballs

0

我覺得在這個特殊的例子在#header-bar設置position:absolute是不良的做法。考慮將其改爲

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

這將保持自然的文檔流; position:relative允許下拉定位並保持渲染上下文（與完全移除位置屬性相比較，並且看到下面的菜單在鞋瓦後面）

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

2012-09-14 06:32:49

+0

這絕對不是解決方案，我試過並且它將類別菜單欄放在一些圖片的頂部。您可能會有一部分存在，但您的建議中可能會遺漏其他CSS更改。 – Kane

相關問題