为什么menu-box盒子没有遮挡住banner盒子呢?

为什么menu-box盒子没有遮挡住banner盒子呢?

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

为什么menu-box盒子没有遮挡住banner盒子呢?

正在回答

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

3回答

同学你好, 是的,是因为设置了z-index属性,改变了元素的显示层级。

同学理解是对的,由于banner没有设置z-index属性,可以理解为它默认值为0,所以会被menu-box盒子盖住。

祝学习愉快~

提问者 慕前端2185815 2020-10-29 20:49:04

http://img1.sycdn.imooc.com//climg/5f9ab86109851b0807230443.jpg

视频中老师设计步骤:menu-box、子菜单、主菜单、banner图。这样的设计下来,后来的盒子不是应该会把之前的盒子遮住吗?是因为设置了z-index属性吗?

z-index值:menu-box是1,menu-content是2,sub-menu是500,banner图默认是0吗?所以是banner图在菜单栏下面吗?老师解答一下

好帮手慕鹤 2020-10-29 09:40:15

同学你好,同学是想问老师再视频中讲解的内容,menu-box盒子没有把banner盒子遮盖住吗?在视频中,menu-box盒子是把banner盒子遮盖住的,如下图所示:

把menu-box的透明度样式去掉,设置背景颜色为黑色,就能清楚的看到menu-box盒子覆盖了banner盒子。

http://img1.sycdn.imooc.com//climg/5f9a1cb30925ff9612560506.jpg

如果不是视频中的问题,而是同学自己写的效果出现了问题,建议同学把代码粘贴上来哦,老师根据你的代码进行查错和修改。

祝学习愉快!

  • 提问者 慕前端2185815 #1
    老师解答一下,刚提出的问题
    2020-10-29 20:49:56
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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