在div+css中如何让两个元素的层级关系改变,z-index,不是很好使……

2024-12-02 14:08:19
推荐回答(5个)
回答1:

层级关系的布局有两种解决方法:

一种方法是使用标签的自然顺序和嵌套顺序来形成合理的布局。

而第一种方法却不是万能的,有时候我们需要将原本位于下层的元素移到另一个元素上方,那可以使用z-index;

而你说的不好用,则是zindex没有生效,没生效就是没有定义position属性,如果不想让元素的位置有所变化,就给赋予z-index属性的元素加上相对定位的position:relative;

回答2:

z-index是决定相对于同一容器的不同DIVposition:absolute显示时的覆盖问题,即谁挡着谁,前提是相对同一父容器,所以常常是相对BODY的几个position:absolute的DIV。

两个元素的层级关系改变,如果理解成谁显示上面下面的问题,可由以上思路解决。
首先要让这几个DIV处于同一父容器,position:absolute,就可以通过z-index控制谁显示在上面的问题。
如果层级关系理解成,两个DIV容器包含关系的改变,那是由代码位置决定的。

回答3:

z-index是决定相对于同一容器的不同DIVposition:absolute显示时的覆盖问题,即谁挡着谁,前提是相对同一父容器,所以常常是相对BODY的几个position:absolute的DIV。
两个元素的层级关系改变,如果理解成谁显示上面下面的问题,可由以上思路解决。

回答4:

z-index要配合position:absolute等属性..单单设置z-index是没效果的

回答5:

啊啊啊啊 啊啊