css如何实现让子元素低于父元素的图层？如何让子元素显示在父元素下面？

Question

问题描述

比如以下的结构,如何让子元素的图层低于父元素

<div class="box">
        <div class="son"></div>
    </div>

Answer 1

z-index用来解决这个问题。
但是需要特别注意的是，Z-index 仅能在定位元素上奏效。
例如

img
  {
  position:absolute;
  left:0px;
  top:0px;
  `z-index:-1;`
  }

Answer 2

z-index: -1

https://developer.mozilla.org...

Answer 3

z-index定位元素图层