Login
网站首页 > 文章中心 > 其它

z-index的取值_z-index默认值

作者:小编 更新时间:2023-07-27 12:23:16 浏览量:162人看过

当你定义的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;}

宽兆

z-index:1

z-index:2

z-index:3

上面三个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默认值相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章