ホームページ  >  記事  >  ウェブフロントエンド  >  2 div レイヤーの表示順序問題_html/css_WEB-ITnose

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

WBOY
WBOYオリジナル
2016-06-21 09:40:511149ブラウズ

.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?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 で書かれています

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。