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

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

老师,视频里,menu-box出现在前面,用的是绝对定位;banner出现在后面,用的是相对定位。绝对定位不是会浮动脱标吗?然后后面的banner顶上来,那不是就被menu-box盖住了吗?为什么结果相反呢?另外,z-index越小,显示层级越低,所以menu-box应该是被盖住啊,为什么结果又是相反?

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,这里menu-box使用了绝对定位,脱离标准文档流,使menu-box与banner重叠展示,我们还是需要对menu-box设置z-index的值,使它在banner上。

    并且后面的课程中还有内容呐,比如我们需要在menu-box上添加菜单的内容呐,我们需要让它绝对的展示在banner上,所以这里的menu-box必须要设置z-index的值呐。

如果我的回答解决了你的疑惑,请采纳,祝学习愉快~

  • 天才少年25 提问者 #1
    在不设置的前提下,元素的z-index值默认都是0?
    2019-10-17 09:11:30
  • 好帮手慕小班 回复 提问者 天才少年25 #2
    同学你好,这里需要区分一下浏览器呐,在IE浏览器中,元素的z-index的默认值是0,在Firefox浏览器中元素的z-index的默认值是auto-->堆叠顺序与父元素相等。如果我的回答解决了你的疑惑,请采纳,祝学习愉快~
    2019-10-17 10:33:14
好帮手慕小班 2019-10-16 17:59:28

同学你好,1、menu-box出现在前面,用的是绝对定位,绝对定位会出现脱离标准文档流的情况,漂在页面上方。

    2、menu-box设置了z-index为1,但是banner并没有设置z-index的值,所以menu-box的层叠展示的优先级还是比banner的优先级要高,所以menu-box还是在banner上方。

如果我的回答解决了你的疑惑,请采纳,祝学习愉快~

  • 提问者 天才少年25 #1
    也就是banner的z-index是0?不设置的话,都是0?老师你说的第一点,其实已经可以让menu-box在上面了啊,那还设置menu-box的z-index干嘛呢?它已经漂浮在上面了。
    2019-10-16 18:02:51
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师