子菜单项在 Firefox 和 IE 中显示,但在 Chrome 中不显示

Sub-menu items showing in Firefox and IE but NOT in Chrome

我在显示 wordpress 网站的子菜单项时遇到了一个奇怪的问题。子菜单项在 Firefox 和 IE 中工作正常,但在 Chrome 中不工作。我使用的是 Chrome.

的最新版本

问题是当我访问主页时,下拉菜单也适用于 Chrome,但是当我 select 来自该下拉菜单的项目时,悬停不起作用.具体来说,我能感觉到物品在那里但看不见。悬停在浏览器底部显示所有项目的子项目链接,但它在菜单中不可见。

该站点是 http://soumissionrenovation.ca/ --- "Votre Projet" 下的子项目工作正常。

并尝试访问 http://soumissionrenovation.ca/amenagement-paysager/ -- 这是 "Votre Projet" 的下拉项目之一,因此下拉菜单不起作用(您访问该页面后就会知道)

如有任何想法,我们将不胜感激!

谢谢!

您只需删除 #masthead 中的 overflow: hidden;.sub-menu "overflows" header 容器,所以你需要允许 overflow: visible; (默认)。