老师帮忙看一下这里设置background-color为什么能去除分割线

老师帮忙看一下这里设置background-color为什么能去除分割线

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

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

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

老师您好,上图是课程中的下拉菜单层,如果设置了background-color: #fff;就能让dropdown_toggle和dropdown_layer直接的分割线消失,但是如果没有设置background则这条分割线会显示;

我有点不明白的是:我已经设置了z-index,dropdown_toggle是盖在dropdown_layer上面,我测试出来这条分割线是dropdown_toggle下边框,但是为什么设置dropdown_layer的背景可以使这条分割线消失呢

正在回答

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

2回答

同学你好, 能够自己独立解决问题非常棒,老师给你一个大大的赞。在实际工作中,遇到问题是很常见的,我们没有办法每一个都去问同事,所以独立解决问题是很重要的能力。希望同学继续努力,不断提升各方面能力。

如果帮助到了你,欢迎采纳,祝学习愉快~

提问者 吴花花同学 2019-11-28 14:29:29

上面说得有点不准确,那条分割线应该是这里的

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

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

但是为什么设置dropdown-layer的background为白色就能盖住这条线呢?经过验证dropdown-layer是在这个边框下方的,这条边线是覆盖在dropdown-layer上方,有点搞不明白啦

  • 提问者 吴花花同学 #1
    是z-index问题没搞清楚,现在明白了。dropdown-toggle的z-index=2是最上面,dropdown-layer的z-index=1次之,而那条分割线是默认的z-index=0最下面,如果dropdown-layer没有设置背景的话就是透明的,所以能看到最下面的这个分割线
    2019-11-28 14:36:54
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
2.组件化网页开发
  • 参与学习           人
  • 提交作业       1121    份
  • 解答问题       14456    个

本阶段在运用JS实现动态网页开发的基础上,带你深入理解企业开发核心思想,完成一个企业级网页的开发,体验前端工程师的成就感。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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