Javascript 锚（链接）在firefox中，当处于绝对框中时，不会获得鼠标事件

我这里有个奇怪的问题。当我将超文本链接放入绝对定位元素（位于相对定位的父元素中）时，它不会得到鼠标事件-悬停、单击等。它只发生在某个地方，并且只发生在Firefox中。子容器位于父容器的溢出区域中

Sample code: http://jsfiddle.net/w7UvP/5/

感谢您提出的任何想法

将您的

更改为

，它将起作用。我认为这是FireFox和按钮元素的问题。也许它不会让事件从按钮标签中冒出来。我不知道

---

你可能不应该把东西放在纽扣里。下面是一个正在运行的（在FireFox中）

查看您的代码，您的标记完全不正确。您的菜单嵌套在一个按钮内。您可以从正确设置HTML格式开始。

可能有助于用div包装按钮，并将溢出的子项也放在这个div中。我认为按钮包含的HTML无效links@Pete：正确，：“语法内容，但不能有交互内容后代。”而且

child

也不是有效的HTML元素。正如我在回答中所说，他的标记是不正确的。他需要正确地嵌套他的元素。感谢您的回答-我刚刚将按钮包装到div中，并将内容移动到这个div下-工作正常。这不是Firefox的问题，正如Pete已经指出的，这是无效的HTML问题。我明白了。是的，我同意这是无效的。只是好奇为什么Chrome允许这种lol