HTML中元素的层级

在网页中，对于已经开启定位的元素可以设置元素层级，如果元素层级一样，下面的会盖住上面的元素。

通过z-index属性可以用来设置元素的层级
可以为z-index指定一个正整数作为值，该值将会作为当前元素的层级，层级越高，越优先显示

对于没有开启定位的元素不能使用z-index

		.box1{
			width: 200px;
			height: 200px;
			background-color: red;
			position: relative;/*相对定位*/
			z-index: 2;
		}
		.box2{
			width: 200px;
			height: 200px;
			background-color: yellow;
			/*开启绝对定位*/
			position: absolute;
			/*设置偏移量*/
			top: 100px;
			left: 100px;
			z-index: 25;

这里写了两个盒子样式，帮助理解。