Rumah >hujung hadapan web >html tutorial >底层绝对位置的div为什么把顶层div遮挡了?_html/css_WEB-ITnose

底层绝对位置的div为什么把顶层div遮挡了?_html/css_WEB-ITnose

WBOY
WBOYasal
2016-06-21 09:13:081269semak imbas

<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


回复讨论(解决方案)



z-index:1;">

z-index:1

z-index:2

z-index:0

z-index:1;">

z-index:1

z-index:2

z-index:0
多谢!
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn