ホームページ >ウェブフロントエンド >htmlチュートリアル >2 div レイヤーの表示順序問題_html/css_WEB-ITnose
.leftg1{top:0px;position:relative; z-index:1;}.tableindex{z-index:2;position:relative;}
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?123456ef063bec93c7d2fd366870dafe54b63b ;div id="a1" style="position:relative; z-index:2;">A-1 ドロップダウン レイヤ16b28748ea4df4d9c2150843fecfba6816b28748ea4df4d9c2150843fecfba686c3b92b9dc7aa25620810524db8e645da7adff7504cdc0845b2492ce2ab47c0fB レイヤーを上下にスクロール16b28748ea4df4d9c2150843fecfba68 これを行うと、カバーされなくなりますそれ
二人が戻ってきたらカバーされます
このページと同じように、プロダクト センターのドロップダウンは左側でカバーされます (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 で書かれています