自己写的导航栏悬浮菜单为何总在主页面下方

2018-02-07 15:30:15 +08:00
 ghostgril

顶部是 position:fixed 的导航栏，下方是使用 rounter-view 的主页面

我在导航栏写了一个 div，里面包含了名称和鼠标移入会显示的菜单，菜单设置成了 absolute，top：100%的样式。 但是呢悬浮菜单显示的时候永远在==router-view==主页面的下方,z-index 设置无效。请问有没有遇到过这种问题的盆友呢

2414 次点击
所在节点    Vue.js
4 条回复
paloalto
2018-02-07 15:46:35 +08:00
把 top 改成 0。
top:100%;的意思是距离顶部 100%，肯定就是到底部去了。
learnshare
2018-02-07 15:48:47 +08:00
最好能发个 demo 出来，这么讲不好猜
ghostgril
2018-02-07 16:40:14 +08:00
谢谢大家了，问题解决了，代码不好发出来毕竟是公司的 code，问题出在 rounte-view 里面
paloalto
2018-02-07 17:22:19 +08:00
哦 你说的「下方」指的是「后面」，我还以为是垂直方向的「下方」。

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/429202

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX