请教一个前端 css 问题

2020-10-15 22:01:39 +08:00
 chengyanwei

请教一下，一个 HTML 页面里面导航栏鼠标悬停会显示下拉菜单，导航栏下面是商品列表，列表标签是 li，上面加了 position:relative,现在有个问题，就是鼠标悬停显示的下拉菜单总是被下面的 li 覆盖掉，加了 z-index 也不好用，求指教~

1267 次点击
所在节点    问与答
5 条回复
wunonglin
2020-10-15 22:52:35 +08:00
要不给出代码？

或者你看看我写的这样是不是你要的
https://stackblitz.com/edit/js-fva8bh?file=index.html
ablian
2020-10-15 23:21:13 +08:00
导航也加 position: relative
chengyanwei
2020-10-16 08:39:24 +08:00
@ablian 谢谢，加了，还是会被下面的 li 覆盖
chengyanwei
2020-10-16 08:42:24 +08:00
@wunonglin 抱歉，可能是我网络问题，一直没打开
emmal
2020-10-16 09:23:49 +08:00
源码贴出来看看

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

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

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

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

© 2021 V2EX