2012-09-20 6 views
7

私はモバイルサイトのメニューを作成しました。メニューをクリックするとメニューがスライドします。これはページです。Internet ExplorerのZ-indexが機能しない

http://www.roadtotheweb.com/m.about.html

唯一の問題はIEとWindowsの携帯電話のメニューは、オブジェクトの後ろにスライドので、最上位の要素ではないということです。

私はZインデックス、位置タイプ、hasLayoutを無駄に変更しようとしました。

助けていただければ幸いです。

J

あなたは既知のバグに対処するかもしれないように見えます
+1

もう一つの「別の何かがIEで動いていない」...なぜ私は驚いていないのですか?とにかく絶対位置を設定してみてください。 –

+0

まだ試してみました – Naz

+0

[ドロップダウンメニューはIEの他の要素の後ろに隠れています](http://stackoverflow.com/questions/3972807/dropdown-menu-hides-behind-other-elements-in-ie) –

答えて

27

「Internet Explorerは、要素がそこで0のzインデックス値から始まる、新しいスタッキングコンテキストを生成する位置でZ-indexが正しく動作しません。」

あなたはQuirksmodeウェブサイト上のバグレポートや回避策はin this blog postを説明見ることができます。基本的に何をしなければならないことはここでは一例 ため、高いZインデックスを持つ要素でラップされ

は、回避策の迅速なスケッチです:

<div style="position: relative; z-index: 3000"> 
    <div style="position:absolute;z-index:1000;"> 
     ... 
    </div> 
</div> 
+0

OKはそれを解決しました - ありがとう – Naz

+1

あなたは歓迎です、答えられた質問に印を付けてください。 – nana

+1

同じ問題があり、あなたが投稿したリンクの指示に従って解決しました。 –

-5

それでも動作しない場合は、必ず互換モードを作りますサイトの電源がオフになっています。

+0

なぜ互換性ビューのヘルプをオフにする必要がありますか? (これはIEのバグです)。 – jAC

0

私は定期的に2つのレイヤーを交換し、z-Indexを0から1に変更します。何年も後、IEでの作業が停止しました。 z-Indexを1と2に変更しました。これで正常に動作します。私はバグが0のz-Indexと関係していると思います。

関連する問題