使用z-index属性时必须指定position

 

　　此外，z-index属性只能用于具有relative，absolute，fixed的位置而不能用于position:static。

 

　　如何使用z-index属性？

 

　　基本语法

 

　　选择器{

 

　　z-index:数值;

 

　　}

 

　　我们来看具体的示例

 

　　HTML

 

　　<divclass="z-index_test">

 

　　</div>

 

　　<divclass="z-index_test2">

 

　　</div>

 

　　CSS

 

　　

 

　　.z-index_test{

 

　　height:200px;

 

　　width:200px;

 

　　background-color:#FF5722;

 

　　position:relative;

 

　　z-index:10;

 

　　}

 

　　.z-index_test2{

 

　　height:200px;

 

　　width:200px;

 

　　background-color:#03A9F4;

 

　　position:absolute;

 

　　top:70px;

 

　　left:100px;

 

　　z-index:100;

 

　　}