关于z-index的奏效和失效条件

z-index的层级是如何定义的，都是以html页面或者body元素为z-index=0吗？

这里希望老师再整理一下，用的时候一会儿有效一会儿无效，也不清楚该调整哪里

幕布斯3322991 2020-02-19

源自：宣传页项目 5-6 作业题

6

收起

1回答

好帮手慕星星回答被采纳获得+3积分 2020-02-19 14:47:38

同学你好，z-index属性默认值auto，会根据页面加载顺序自动显示，一般后面的会覆盖前面的。

但是这个属性一般在设置定位的时候才可以使用，例如相对定位，绝对定位，固定定位。元素在正常文档中设置这个属性取消，属性值越大层级越高，手动设置层级。

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

幕布斯3322991 提问者 #1

[元素在正常文档中设置这个属性取消], 是说 [元素在正常文档中设置这个属性无效]吗？

2020-02-19 17:01:09
好帮手慕星星回复提问者幕布斯3322991 #2

是这个意思。抱歉是老师的失误，出现了语句歧义。

2020-02-19 17:14:15

相似问题

为什么给label设置z-index没有效果呢？

z-index默认设置

老师为什么z-index:9;z-index:1;不是应该相差8吗怎么还会重叠呢

关于最后的z-index

关于z-index的问题

登录后可查看更多问答，登录/注册

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号