首页 |  我的博客 |  查看该博主内容分类 | 

z-index不起作用的原因(相对网上答案有补充)

网上答案

大部分答案是:

  1. z-index标签没有使用position进行定位(除static);
  2. 父级任意标签不是position: absolute定位;
  3. z-index标签使用了浮动,应去除并使用position定位;
  4. 父级标签的z-index设置的过低,导致子标签z-index没有“出头之日”,将父级标签z-index设高即可。

补充

注意,如果z-index标签与要覆盖的标签是父子标签关系,子标签设置z-index的同时,父标签也需要设置z-index才能让子标签显示。
如果还不行,尝试把要位于底部的元素设置z-index为负数。(一般都能解决)

posted @ 2022-11-21 00:36  Z哎呀  阅读(509)  评论(0)    收藏  举报