css - 下拉菜单在 chrome 中不起作用

标签 css google-chrome drop-down-menu z-index

我在 chrome 的 windows 和 mac 版本上的下拉菜单都有问题。我在那里尝试了一些修复,但我无法弄清楚。

任何建议都会很棒!我认为存在 z-index 问题,但我不知道它在哪里。

这是临时站点位置:http://eyedialabs.ca/oaktreenew/about/

最佳答案

因为溢出了。我意识到这一点是因为如果你给下拉 top:-50px; 我们可以看到它,并且考虑到你给它的 z-index 高得离谱,它将成为最顶层的元素。

于是,经过多方搜索,发现是header-containeroverflow:hidden。删除此属性可解决问题。

关于css - 下拉菜单在 chrome 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30492905/

相关文章:

overflow hidden 的div容器中从左到右的CSS动画文本

html - 如何使页脚卡在底部,并与其他内容保持最小距离

html - text-align 在 flexbox 中不起作用

javascript - 在上下文菜单项单击上显示侧边栏/弹出窗口的最佳方式是什么?

javascript - Ruby on Rails - 单击按钮时将从 Javascript 下拉列表中选择的项目传递到 Rails Controller

javascript - 可以创建一个 div 来充当下拉菜单吗?

html - 使用 WebKit 转换/动画的不同属性的不同持续时间

Javascript 图像在 Firefox 和 Chrome 中不显示

html -::选择仅在使用 - Chrome + ReactJs 在检查器中强制重新渲染后才有效

javascript - 用于填写表格的单选按钮