在div+css中如何让两个元素的层级关系改变，z-index,不是很好使……
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了在div+css中如何让两个元素的层级关系改变，z-index,不是很好使……相关的知识，希望对你有一定的参考价值。
层级关系的布局有两种解决方法：一种方法是使用标签的自然顺序和嵌套顺序来形成合理的布局。
而第一种方法却不是万能的，有时候我们需要将原本位于下层的元素移到另一个元素上方，那可以使用z-index；
而你说的不好用，则是zindex没有生效，没生效就是没有定义position属性，如果不想让元素的位置有所变化，就给赋予z-index属性的元素加上相对定位的position:relative; 参考技术A z-index是决定相对于同一容器的不同DIVposition:absolute显示时的覆盖问题，即谁挡着谁，前提是相对同一父容器，所以常常是相对BODY的几个position:absolute的DIV。
两个元素的层级关系改变，如果理解成谁显示上面下面的问题，可由以上思路解决。
首先要让这几个DIV处于同一父容器，position:absolute，就可以通过z-index控制谁显示在上面的问题。
如果层级关系理解成，两个DIV容器包含关系的改变，那是由代码位置决定的。 参考技术B z-index是决定相对于同一容器的不同DIVposition:absolute显示时的覆盖问题，即谁挡着谁，前提是相对同一父容器，所以常常是相对BODY的几个position:absolute的DIV。
两个元素的层级关系改变，如果理解成谁显示上面下面的问题，可由以上思路解决。 参考技术C z-index要配合position:absolute等属性..单单设置z-index是没效果的 参考技术D 啊啊啊啊 啊啊
以上是关于在div+css中如何让两个元素的层级关系改变，z-index,不是很好使……的主要内容，如果未能解决你的问题，请参考以下文章
h5 的canvas标签，画出的图形怎么设置他的层级关系。像css的z-index这样设置层级