一个href"#"无法使用:专注于firefox浏览器

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

以上规则.