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

为什么A会在上边？也不知道为什么要用z-index，这个什么时候使用呢？那left和right设置正负，不是也可以重叠吗？

王一宏 2019-02-14

源自：CSS定位（position） 2-5 position-relative

1

收起

5回答

Sherlock_bourne 2019-02-25 16:42:14

z-index中，值大的在前，值小的在后。若是数字，可以是正数，也可以是负数，但必须是整数，不能是小数。比如：A{z-index：-1；}与B{z-index：1；}，B大于A，故B在前。当然，你也可以把B设成9999，还有的设6个9，但没有必要，只要大于就行。

Sherlock_bourne #1

刚刚查看了一下，关于z-index具体介绍，在那节课的最左侧栏，点击资料，找到关于z-index的资料，查阅即可。如果帮助到你，望采纳！

2019-02-25 23:40:15

慕仔2567563 2019-02-19 11:44:30

简单讲是z-index定义的是元素的层叠层次，和left以及right的层叠性质是不一样的

Steve007 2019-02-14 14:50:08

同学，你好。A会在上边是因为A设置了z-index为9，z-index是控制定位元素的堆叠顺序的，z-index的值设置的越大，它的优先级就会越高。position 不为 static 且 z-index 存在的情况下 z-index 大的元素会覆盖 z-index 小的元素，因此A会在上边显示将B覆盖，而left和right设置正负只是可以让它们重叠，并不能控制它们谁在上边显示，同学可以查看教辅来对z-index进一步的理解。如图：

祝学习愉快！

提问者王一宏 2019-02-14 11:29:08

这个是课程里老师讲的，写的代码

Steve007 2019-02-14 11:16:15

同学，你好。请同学粘贴完整的代码，可以快速，及时的为同学解答问题。

祝学习愉快！

相似问题

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

z-index默认设置

menu-box的z-index设置为1，小的显示在下面，那不就被banner盖住了吗？

有关z-index堆叠顺序问题·

为什么在浏览器中2个框的左右边框没有重叠呢？请指导

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

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36713 个

从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载