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

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

WBOY
Lepaskan: 2016-06-21 09:13:08
asal
1261 orang telah melayarinya

<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>
Salin selepas log masuk

如上代码,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
多谢!
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan