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

时间:2015-02-23 09:20:56

标签: html css drop-down-menu z-index submenu

我在显示wordpress网站的子菜单项时遇到了一个奇怪的问题。子菜单项在Firefox和IE中运行良好,但在Chrome中不行。我正在使用最新版本的Chrome。

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

该网站为http://soumissionrenovation.ca/ ---“Votre Projet”下的子项工作正常。

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

任何想法都会非常感激!

谢谢!

1 个答案:

答案 0 :(得分:2)

您只需要清除overflow: hidden;中的#masthead即可。 .sub-menu"溢出" header容器,因此您需要允许overflow: visible;(默认值)。