0

私は現在このサイトで作業しています:http://goo.gl/uRGsh

私が抱えている問題は、IE9ではメニューのロゴが途切れているように見えることです。または、少なくともそれが起こると私は思います。IE10開発ツール(ie9モード)でテストすると、さまざまなメニュー項目にカーソルを合わせるとちらつきが多くなり、サブメニューがロゴタイプの下の部分を覆います。仮想マシンなどを実行するbrowserlabでテストする場合、ロゴは単純に切り取られます(メニュー内の部分のみが表示されます)。

IE8のスクリーンショット:

IE8のスクリーンショット

私はこれを修正するために何時間も費やしました。ロゴの周りのラッパーにはがありますoverflow: visible;ので、それが理由ではありません。上部のメニューバーのz-indexもサブメニューよりも高いため、サブメニューがロゴと重ならないようにする必要があります。ロゴは上部のメニューバー内に配置されます。

助言がありますか?

4

1 に答える 1

0

私のマシンでは、IE9とChromeは同じように見えます。

履歴やキャッシュなどを削除してみましたか?

z-index を使用する場合、位置も指定する必要があります。ロゴの位置ではないようです。

編集

スナップショットに表示されるこのエラーを再現できません。2 つの異なるマシンで、XP で IE8 と Chrome を、W7 で IE9 を試しました。

VM に何か問題があるのか​​もしれませんが、別のコンピューターでチェックしたばかりだとおっしゃいました。

.logotype の位置が表示されました。次のようにリストされている場合、z-index: 7 があります。

.header-section .full-menu .logotype

でリストされている場合、メニューコンテナは z-index:6 です

.header-section .menu-container

私はそれがz-indexのものだとは思わない。上記がオーバーフローであることに気付きました:目に見える. 隠すべきなのかもしれません。

そうでない場合は、 z-index:6 以下 (position:relative も使用) をさまざまな

.header-section .menu-container ul

.header-section .menu-container li

.header-section .menu-container li a

多分 .logo-placeholder の何か。その上に位置またはz-indexはありません。何のためにあるのか判断できません。

ここで推測するようなものです。問題を再現できない場合はわかりにくい。

于 2013-01-15T09:52:18.160 に答える