0

我正在尝试将“超级菜单”从“悬停”切换到“焦点”。我希望“点击时”显示下拉菜单并保持显示状态，直到点击其他一些顶级选择。如果可能的话，我需要一个纯 CSS 解决方案。

基于此处的其他 Q/A，我已将 CSS 元素从“悬停”更改为“焦点”，并将 tabindex="1" 添加到相关的“li”标签中。它在 Chrome 中运行良好，但在我尝试过的任何其他浏览器中都没有。

JS 小提琴在这里：http: //jsfiddle.net/only1chip/QzwXV/

    <li tabindex="1"><a href="#_" class="menuitem_drop">Home</a>

我提前道歉：在菜单“水平”之前，您必须使您的 JS 小提琴“结果”窗口相当宽 - 在您这样做之前结果将是荒谬的......我试图让它变瘦只是为了小提琴，但无法让它工作。

感谢您提供的任何见解。

芯片

PS 是的，那个“超级菜单”是一种商业产品——如果我们可以修改它以适用于我们的应用程序，我们肯定会支付全部要价。

4

1 回答 1

0

在非 webkit 浏览器中单击时，锚标记似乎正在窃取焦点。您可以尝试将它们更改为span标签。我已经用一个工作示例更新了你的小提琴，在 Chrome 27 和 Firefox 21 中进行了测试。

于 2013-06-21T20:37:51.240 回答