当你定义的CSS中有position属性值为absolute、relative或fixed,
用z-index此取值方可生效。
此属性参数值越大,则被层叠在最上面。
例子:
.z1,.z2,.z3{position:absolute;width:200px;height:100px;padding:5px 10px;color:#fff;text-align:right;}
.z1{z-index:1;background:#000;}
.z2{z-index:2;top:30px;left:30px;background:#C00;}
.z3{z-index:3;top:60px;left:60px;background:#999;}
宽兆
上面三个CSS,将根据z-index的值决定谁在最上层!
z-index属性:较大 number 值的对象会覆盖在较小 number 值的对象之上。如两个绝对定位对象的此属性具有同样的 number 值,那么将依据它们在HTML文档中声明的顺序层叠。对于未指定此属性的绝对定位对象,此属性的 number 值为正数的对象会在其之上,而 number 值为负数的对象在其之下。设置参数为 null 可以移除此属性。
因此,在z-index属性值相同的情况下,后声明的会覆盖先前声明的标签;
CSS,默认值都是AUTO。
但是不同浏览器解释不同,像IE,有些元素就会默认为0,,,所以一般在CSS开头都会对大局做个样式定义。。。
如果说的是CSS中的z-index,那么它的默认值是auto,不是0.
以上就是土嘎嘎小编大虾米为大家整理的z-index的取值_z-index默认值相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!