2011-09-16 26 views
0

すべての主要なブラウザ(Chrome、Firefox、IE8 +、Safari)で動作するHTMLとCSSのメニューを作成しました。あなたはここでそれを見つけることができます:http://www.calvaryccm.com/MenuTest.aspxInternet Explorer 7 CSSメニューの位置付け

問題は、私は効果のために、いくつかのJSを使用して、ホバーメニューを持っているIE 7

で発生します。私はIE7でそれをレンダリングしようとすると、これは何が起こるかです:

IE 7 Menu Error

私は、テキストの下にメニューを配置する方法を考え出すいくつかの助けを必要としています。ご協力ありがとうございました!

答えて

2

.blockまたは.navを以下のセレクタで使用するかどうかはわかりません。私が.blockに行ったのは、それが要素に適用されているのを見ることができるからです。

  • .block ulで、overflow: hiddenを削除します。
  • .block liには、position: relativeを追加します。
  • .block ul.nav ulには、left: 0を追加します。

あなたは今infamous IE6/7 z-index problemを持っている:

  • position: relative; z-index: 3を追加し、.block ulに、この場合にはそれを修正するには。
  • z-index: 3は、#player-areaz-indexよりも1つ高い値にする必要があります。
+0

これはうまく機能しました。あなたの助けをありがとう! –

1

また、「ホバー」クラスを追加するためにjavascriptを使用する必要はありません。

ul.nav > li:hover