header-fixed 为什么遮盖不住下面的递归组件的内容呢？

来源：1-6 Vue项目详情页 - 使用递归组件实现详情页列表

爱吃夜宵的前端Student

2020-12-02 12:28:10

# 具体遇到的问题
递归组件也没有设置特殊的z-index层级，为什么遮盖不住呢？
# 报错信息的截图

# 相关课程内容截图

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

# 粘贴全部相关代码，切记添加代码注释（请勿截图）

在这里输入代码，可通过选择【代码语言】突出显示

写回答

1回答

好帮手慕久久

2020-12-02

同学你好，递归组件设置了border-bottom这个样式，而这个样式是有定位样式的，如下：

设置定位的元素，当z-index相同时，结构上处于下面的元素会覆盖上面的（一种现象，记住即可）。

由于递归组件在header-fixed下面（结构上，递归组件在下面），所以会覆盖在header-fixed上。因此需要增大header-fixed的层级，让header-fixed覆盖在递归组件之上。

祝学习愉快！

0 学习 · 10739 问题

相似问题

回答 2

回答 4

回答 1

回答 1

回答 3