Question

我有这个菜单，我自定义使用它像选择。它工作得很好，即，Chrome，但在Firefox上无法正常工作。正常行为是：当焦点扩展菜单时，会显示链接（帮助和注销），如果单击它们，将在同一浏览器的其他页面中重定向。 firefox上的错误行为：菜单si在焦点上扩展但链接（hep和logoff）不重定向。

    <ul id="main">
                <li class="username" tabindex="1" >  <a>USER</a>
                    <ul class="curent_buser">
                        <li class="ai"><a class="jaximus"href="http://en.wikipedia.org/wiki/Wiki">Help</a></li>
<li class="aj"><a class="jaximus" href="http://en.wikipedia.org/wiki/Wiki" name="logoff">Log Off</a></li>                </ul>
                </li>
            </ul>

为什么要这个firefox ???我有ff的最后一个版本：|

这是一个小提琴示例： http://jsfiddle.net/RwtHn/1152/

Answer 1

这是因为当您按下“帮助”或“注销”时，包含的元素会获得焦点并处于活动状态，这会“停用”此规则：

#main li:focus ul, #main a:active + ul{
display:block;
}

因此，在链接点击完成之前，链接（或更具体地说是包含链接的ul）消失了。

至少这似乎是firefox处理它的方式。

编辑：它应该可以添加选择器

#main li.username:active ul

以上规则。

Answer 2

将最终规则更改为：

#main li:focus ul, #main a:active + ul,
#main li ul:hover
{
display:block;
}

#main li ul:hover规则意味着子菜单将保持打开足够长的时间以便点击进行注册。

请参阅forked JS Fiddle

P.S。很酷的伎俩，我以前从没见过像这样推出的精选盒子。

一个href“＃”无法使用：专注于firefox浏览器

2 个答案: