css中z-index属性的介绍和使用方法

这篇文章主要讲解了“css中z-index属性的介绍和使用方法”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“css中z-index属性的介绍和使用方法”吧！

专注于为中小企业提供网站设计制作、成都网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业乐平免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了近千家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

1、z-index属性值：当默认值为0时，z-index属性可以设置各元素之间的重叠关系。

2、z-index值大的层位于其值小的层之上。

实例

div {  
       position: relative;  
       width: 100px;  
       height: 100px;  
    }  
  p {  
       position: absolute;  
       font-size: 20px;  
       width: 100px;  
       height: 100px;  
    }  
 .a {  
       background-color: pink;  
       z-index: 1;  
    }  
          
 .c {  
       background-color: green;  
       z-index: 2;  
       top: 20px;  
       left: 20px;  
    }  
 .b {  
       background-color: red;  
       z-index: 3;  
       top: -20px;  
       left: 40px;  
        }

感谢各位的阅读，以上就是“css中z-index属性的介绍和使用方法”的内容了，经过本文的学习后，相信大家对css中z-index属性的介绍和使用方法这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联，小编将为大家推送更多相关知识点的文章，欢迎关注！

网站标题：css中z-index属性的介绍和使用方法
转载注明：http://shouzuofang.com/article/pijpgi.html