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

发布网友 发布时间:2022-04-23 08:46

我来回答

6个回答

热心网友 时间:2022-05-14 05:36

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

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

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

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

热心网友 时间:2022-05-14 06:54

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

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

热心网友 时间:2022-05-14 08:28

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

热心网友 时间:2022-05-14 10:20

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

热心网友 时间:2022-05-14 12:28

啊啊啊啊 啊啊

热心网友 时间:2022-05-14 14:52

z-index不好使是啥意思?追问也就是说,改变不了他们的上下关系

追答默认元素布局是不支持z-index的
你可以吧这两个div加上position:relative;absolute和fixed也是支持的

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com