z-index无效的问题

今天在处理一个需求的时候发现,无论怎么设置z-index都没用。百思不得其解,最好问了下睿智的chatGpt.发现原来是要设置position属性!!

加个position:absolute就完美解决这个问题

gpt原话:z-index仅在具有定位属性的元素上才有效(例如position为relative、absolute或fixed的元素)。如果元素没有定位属性,z-index属性将不起作用。

 

posted @ 2023-07-13 17:08  飞向火星  阅读(3)  评论(0编辑  收藏  举报