2 div レイヤーの表示順序問題_html/css_WEB-ITnose

.leftg1{top:0px;position:relative; z-index:1;}.tableindex{z-index:2;position:relative;}

tableindex を Firefox の leftg1 より上にしたいのですが、ie より下には置かないでください
.leftg1 {top:0px;position:relative; z-index:-1;} の場合は問題ありませんが、.leftg1 より上の要素は編集できませんそれ

ディスカッションへの返信 (解決策)

leftg1 レイヤーはモバイル レイヤーです

<div id="a">	<div id="a1" style="position:relative; z-index:2;">A-1 下拉层</div></div><div id="b" ><div id="b1"  style="position:relative;z-index:1;">B 上下滚动层</div></div>

こんな感じです

必要ありません

XML/HTML code?123456

;div id="a1" style="position:relative; z-index:2;">A-1 ドロップダウン レイヤ

< ;div id="b1" style="position :relative;z-index:1;">B レイヤーを上下にスクロール

これを行うと、カバーされなくなりますそれ

二人が戻ってきたらカバーされます

このページと同じように、プロダクト センターのドロップダウンは左側でカバーされます (IE ではカバーされますが、Firefox ではカバーされません)

ここには入りませんIE ブラウザのさまざまな問題についての詳細。今日は、Yovae でフロントエンド開発を行うときに、IE で z-index が無効になる問題について説明します。
IE ブラウザは、位置が設定された要素の新しいスタッキング コンテキストを自動的に生成し、z インデックスが 0 にリセットされるため、z インデックスは無効になります。したがって、この要素の親要素に、より高い z-index 値を設定する必要があります。この影響を排除するために。

参考: http://www.yovae.com/blog/ie%E7%9B%B8%E5%AF%B9%E5%AE%9A%E4%BD%8Dz-index%E5%A4%B1% E6%95%88%E9%97%AE%E9%A2%98.html

z-index: 1 html で書かれています