1

トップカテゴリメニュー（すべて、バレエフラット、ブーツなど）-div id = "header-bar"-FireFoxとChromeで見栄えがするのに、ページを下にスクロールしない限りIEでは非表示になるのはなぜですか？

http://shoeporn.com

どんな助けでも大歓迎です:)

4

4 に答える 4

0

トップバーの下（後ろ）に配置されています。z-indexをトップバーよりも大きいものに変更するか、をtopトップバーの下に配置するように変更します。

于 2012-09-14T00:18:05.937 に答える
0

この特定の例で設定position:absoluteするのは悪い習慣だと思います。#header-barこれを次のように変更することを検討してください

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

これにより、自然なドキュメントフローが維持されます。position:relativeドロップダウンの配置とレンダリングコンテキストの維持を可能にします（位置プロパティを完全に削除することと比較して、ドロップダウンメニューが靴のタイルの「後ろ」にあることを確認してください）

経験則：絶対測位なしで構築できる場合は、絶対測位を避けてください。

于 2012-09-14T06:32:49.070 に答える
0

クロムにも隠されています。z-index は、背景などの z-index よりも低くなっています。とにかく、次のようなものを header-nav に追加します。

z-index: 130;
于 2012-09-14T01:33:03.747 に答える
-1

私にとってはクロームにも隠されています...とにかくこれをcssで変更してください：

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

＃header-wrapperからz-indexを削除し、＃header-navにz-index：106を追加します。

それが役立つことを願っています...

于 2012-09-14T00:21:12.057 に答える