html中index属性怎么用,浅谈CSS中z-index属性的用法
本篇文章来给大家介绍一下CSS中z-index属性的用法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
写css z-index的时候经常会出现很多莫名其妙的问题，下面对z-index属性做彻底的剖析，本文参考了《一个css中z-index的用法》，并做了很多demo，方便了解z-index的用法.
一、z-index是什么
z-index属性决定了一个HTML元素的层叠级别。元素层叠级别是相对于元素在Z轴上(与X轴Y轴相对照)的位置而言。一个更高的Z-index值意味着这个元素在叠层顺序中会更靠近顶部。这个层叠顺序沿着垂直的线轴被呈现。为了更清晰的描述Z-index是如何工作的，这张图片夸大展示了层叠元素在视觉位置上的关系。
二、自然层叠顺序demo
为了更好的表现出最基本的层叠，看下面的demo，地址 http://jsbin.com/yezisino/1/edit
html代码：
css：.blue,.green,.red{
width:200px;
height:200px;
}
.blu
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！