可能造成z-index小的元素显示在z-index大的元素上方的原因
父元素z-index比同级元素低,无论子元素多高,都会在下面
<div style="width: 100px;height: 100px;background: #000; position: relative;z-index: 1;">1<div style="position: relative;width:50px;height: 50px;background: #00e;z-index:5;">2</div>
</div>
<div style="width: 80px;height: 80px;background: red;position: relative;z-index: 2;top: -100px;left: 30px;">3</div>