前面的话 　　对于所有定位，最后都不免遇到两个元素试图放在同一位置上的情况。显然，其中一个必须盖住另一个。但，如何控制哪个元素放在上层，这就引入了属性z-index 定义 　　利用z-index，可以改变元素相互覆盖的顺序。这个属性的名字由坐标系统得来，其中从左向右是x轴，从上到下 ...

z-index 定义：一个元素在文档中的层叠顺序，用于确认元素在当前层叠上下文中的层叠级别。 语法 : z-index:数值(数值愈大,层叠级别越高)每个元素层叠顺序由所属的层叠上下文和元素本身的层叠级别决定.1、同一层叠上下文层叠级别大的显示在上面，级别小的显示在下面；层叠级别中的两个元素 ...

转自 https://www.cnblogs.com/JetpropelledSnake/p/9114270.html 前端学习笔记之Z-index详解 阅读目录 z-index 基础 层叠上下文和层叠层 层叠次序 ...

z-index的作用 很多时候需要把一个元素覆盖到另一个元素之上，比如登入弹出框等，这个时候就需要z-index属性出场了。所以呢，z-index就是调节层的显示优先级，决定哪个显示在最上方。作用范围就是Positioned element，比如绝对定位，相对定位，固定定位。 层叠上下文 ...

在做的过程中，发现了一个很简单却又很多人应该碰到的问题，设置Z-INDEX属性无效。在CSS中，只能通过代码改变层级，这个属性就是z-index，要让z-index起作用有个小小前提，就是元素的position属性要是relative，absolute或是fixed。 1.第一种情况 ...

控制非文档流元素的叠放顺序，该属性值越高，元素位置越靠上。 当元素设置为relative、absolute或fixed时，通过设置z-index：number； 决定叠放顺序，属性值越高，元素位置越靠上。 ...

定位 定位有三种： 1.相对定位 2.绝对定位 3.固定定位 这三种定位，每一种都暗藏玄机，所以我们要一一单讲。 相对定位 相对定位:相对于自己原来的位置定位 现象和使用： 1.如果对当 ...

z-index简单介绍 首先z-index只对定位元素有效，什么是定位元素呢，也就是设置了position属性的元素，position：relative--相对定位，position：absolute--绝对定位，position：fixed--固定定位，position：static静态定位 ...