如题所述
层级关系的布局有两种解决方法:
一种方法是使用标签的自然顺序和嵌套顺序来形成合理的布局。
而第一种方法却不是万能的,有时候我们需要将原本位于下层的元素移到另一个元素上方,那可以使用z-index;
而你说的不好用,则是zindex没有生效,没生效就是没有定义position属性,如果不想让元素的位置有所变化,就给赋予z-index属性的元素加上相对定位的position:relative;
一种方法是使用标签的自然顺序和嵌套顺序来形成合理的布局。
而第一种方法却不是万能的,有时候我们需要将原本位于下层的元素移到另一个元素上方,那可以使用z-index;
而你说的不好用,则是zindex没有生效,没生效就是没有定义position属性,如果不想让元素的位置有所变化,就给赋予z-index属性的元素加上相对定位的position:relative;
温馨提示:答案为网友推荐,仅供参考
第1个回答 2012-12-31
z-index是决定相对于同一容器的不同DIVposition:absolute显示时的覆盖问题,即谁挡着谁,前提是相对同一父容器,所以常常是相对BODY的几个position:absolute的DIV。
两个元素的层级关系改变,如果理解成谁显示上面下面的问题,可由以上思路解决。
首先要让这几个DIV处于同一父容器,position:absolute,就可以通过z-index控制谁显示在上面的问题。
如果层级关系理解成,两个DIV容器包含关系的改变,那是由代码位置决定的。
两个元素的层级关系改变,如果理解成谁显示上面下面的问题,可由以上思路解决。
首先要让这几个DIV处于同一父容器,position:absolute,就可以通过z-index控制谁显示在上面的问题。
如果层级关系理解成,两个DIV容器包含关系的改变,那是由代码位置决定的。
第2个回答 2020-06-06
z-index是决定相对于同一容器的不同DIVposition:absolute显示时的覆盖问题,即谁挡着谁,前提是相对同一父容器,所以常常是相对BODY的几个position:absolute的DIV。
两个元素的层级关系改变,如果理解成谁显示上面下面的问题,可由以上思路解决。
两个元素的层级关系改变,如果理解成谁显示上面下面的问题,可由以上思路解决。
第3个回答 2012-12-31
z-index要配合position:absolute等属性..单单设置z-index是没效果的
第4个回答 2012-12-31
啊啊啊啊 啊啊