悬停时无法点击子菜单答案

【问题标题】：Submenu not clickable on hover悬停时无法点击子菜单
【发布时间】：2014-06-13 17:02:54
【问题描述】：

我的子菜单无法正常工作。它正在显示，但如果您单击子菜单的父级，颜色不会改变。它甚至不能点击，这让我觉得有什么东西在阻止它。我知道问题出在哪里，有点，但我不知道我应该如何解决。

ul li ul {
    display: none;
    float: right;
    position: absolute;
    right: 0;
    top:-5px;
    padding-top:2em;
    padding-bottom:5px;
    z-index: 99999;
}

顶部：-5px 将其分解。当我将其注释掉时，子菜单可以正常工作，但它不会粘在父 li 上。别人做了这个，我正在努力解决它。由于我无法联系到他，我的工作就是解决这个问题。

Link to site

尝试点击“团队”，或者将鼠标悬停在它上面，然后你就会明白我的意思了...

编辑：我制作了一个 JSFiddle，试图整理一下。

It can be found here

【问题讨论】：

附上你所有的菜单代码！并为此发送一个 jsfiddle 演示
点击通常涉及 Javascript...你在用什么？
首先要做的是验证你的CSS。我看到在某些地方，您尝试使用 // 进行评论，这在 CSS 中不起作用。也就是说，该页面对我有用：将鼠标悬停在 Teams 上会显示一个功能齐全的子菜单。
是的，但他们的客户希望用户也可以点击“团队”。我不知道为什么当你使用子菜单时你会想要那个，但是他们，客户是国王。我更像是一个后端，我没有做太多的 CSS，但这对我来说应该是可以解决的......我想
JSfiddle 的链接失效了。

标签： css wordpress submenu

【解决方案1】：

这是因为 ul 在 anchor 元素上方，您可以像这样更改它：

ul li ul {
     display: none;
     position: absolute;
     right: 0;
     padding-bottom: 5px;
     z-index: 999;
     top: 12px;
     padding-top: 15px;
}

【讨论】：

答案已更新，合并填充和顶部。我也不认为浮动是必要的。
嘿，谢谢！这解决了它！如果可以的话，我会给你一个吻。知道什么？ 数字接吻