css绝对定位图片层问题

html-css021

css绝对定位图片层问题,第1张

本来就是越靠后的元素其层级越高啊，这是正常现象。当未进行绝对定位的，所有图片都在同一层面，所以没有问题，进行绝对定位后，所有图片都变为漂浮层，这样后面的图片肯定就会覆盖前面的图片了。你可以通过设定z-index来人为改变这种顺序，比如有10张图片，那么你把第一张图片设为z-index:10，第二张图片设为z-index:9，……第10张图片设为z-index:1，这样图片的顺序就如你所想了。

<div class="a">

蓝色背景层

<div class="b">角的层</div>

</div>

<style>

.a{position:relative}

.b{position:absolutetop:-10pxleft:-20px}

</style>