ホームページ > 記事 > ウェブフロントエンド > 絶対的に下部に配置された div が上部の div をブロックするのはなぜですか? _html/css_WEB-ITnose
絶対的に下部に配置された div が上部の div をブロックするのはなぜですか? _html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-21 09:13:081247ブラウズ
<div align="center" style="width:100%;position:absolute;background-color:#660;z-index:1;"><br /><br />z-index:1</div><div align="center" style="background-color:#066;z-index:2;">z-index:2</div><div align="center" style="background-color:#606;z-index:0;">z-index:0</div>
上記のコードで、z-index:1 が z-index:2 もカバーするのはなぜですか?
互いの順序を変更せずに、z-index:1とposition:absoluteでこのdivを作成する方法は、z-index:0のみをブロックし、z-index:2はブロックしません
ディスカッションへの返信（解決策）
7d25dfe70d1d99390870f2ce34980aeddf250b2156c434f3390392d09b1c95633758937f2e19267c4b26eb8fbb84b4a2z-index:1
16b28748ea4df4d9c2150843fecfba68
z-index: 216b28748ea4df4d9c2150843fecfba68
2793be6f81e47a09a32ec6a24831645cz-index:016b28748ea4df4d9c2150843fecfba68 < ;div align="center" style="width:100%;position:absolute;background-color:#660;
z-index:1;">df250b2156c434f3390392d09b1c9563df250b2156c434f3390392d09b1c9563z - インデックス:1 16b28748ea4df4d9c2150843fecfba68
2793be6f81e47a09a32ec6a24831645cz-index:016b28748ea4df4d9c2150843fecfba68 < ;div align="center" style="width:100%;position:absolute;background-color:#660;
z-index:1;">df250b2156c434f3390392d09b1c9563df250b2156c434f3390392d09b1c9563z - インデックス:1 16b28748ea4df4d9c2150843fecfba68
05a48dd8ee09eec99013e2f5db490ff5z-index:2
2793be6f81e47a09a32ec6a24831645cz-index:016b28748ea4df4d9c2150843fecfba68
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。