爲什麼頂級類別菜單(Everything,Ballet Flats,Boots等) - div id =「header-bar」 - 在FireFox和Chrome中看起來不錯,但是在IE中隱藏,除非你向下滾動頁面?爲什麼菜單出現在Chrome和FireFox中,但不是IE?
任何幫助將非常感激:)
爲什麼頂級類別菜單(Everything,Ballet Flats,Boots等) - div id =「header-bar」 - 在FireFox和Chrome中看起來不錯,但是在IE中隱藏,除非你向下滾動頁面?爲什麼菜單出現在Chrome和FireFox中,但不是IE?
任何幫助將非常感激:)
對我來說,它隱藏在鍍鉻太...無論如何改變這個在CSS:從#頭,包裝
#header-bar {
top: 84px;
z-index: 105;
}
刪除的z-index和添加的z-index:106#報頭導航。
希望它有幫助...
謝謝,這是訣竅! – Kane
這種維護「position:relative」的方法不必干涉文檔流並提交給顯式維度。 (另外:這太硬了,如果頭部尺寸發生變化,'頂部'值將不得不重新調整,我認爲這可能導致了第一個缺陷) –
它的下面(後面),最上面一欄的位置。將z-index
更改爲比頂欄更大的東西,或將top
更改爲將其放置在頂欄之下。
它隱藏在鉻也是。 z-index低於背景或其他東西。 反正添加一些像這樣的頁頭導航:
z-index: 130;
我覺得在這個特殊的例子在#header-bar
設置position:absolute
是不良的做法。考慮將其改爲
#header-bar {
position: relative;
/*left: 0;
right: 0;
top: 44px; - remove these*/
}
這將保持自然的文檔流; position:relative
允許下拉定位並保持渲染上下文(與完全移除位置屬性相比較,並且看到下面的菜單在鞋瓦後面)
經驗法則:如果沒有它,可以避免絕對定位。
這絕對不是解決方案,我試過並且它將類別菜單欄放在一些圖片的頂部。您可能會有一部分存在,但您的建議中可能會遺漏其他CSS更改。 – Kane
這是一個冒險的點擊 –
對不起,我的壞,我應該說SFW :) – Kane