z-index的用法

z-index在css中是常用的属性，使用它的基础是必须将元素定位，才可以使用。

第一种：如果设立在父子关系的元素上则会没有任何效果，因为子元素永远都在父元素的里面，也就会出现在父元素的上面

 

 

 

 

 

 

 就如上所示 无论父元素设置z-index有多大都没有任何效果（如下结果图）

 

 

 

第二种：定位元素是兄弟关系  

 z-index值较大的元素将叠加在z-index值较小的元素之上 （值可以为负数）

  z-index值相同时 按照文档流顺序排列

 

 结果图（如下）