a href "#" ile çalışmaz: Firefox tarayıcısına odaklanma

Question

Seçime göre kullanmak için özelleştirdiğim bu menüye sahibim. Sadece krom üzerinde iyi çalışır, ancak firefox çalışmıyor. Normal davranış şu şekildedir: menü odakta genişlediğinde bağlantılar görüntülenir (yardım ve çıkış) ve üzerlerine tıklarsanız aynı tarayıcıda başka bir sayfaya yönlendirilirsiniz. Firefox'ta yanlış davranış: menü si odağa genişletildi ancak bağlantılar (hep ve logoff) yönlendirmiyor.

<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> 

Bu neden firefox yapıyor ??? Son versiyonum ff: | Burada

bir keman örnektir: http://jsfiddle.net/RwtHn/1152/

Answer 1

Size "Yardım" veya bastırın anlık bir eleman odağı alır ve bu "devre dışı bırakır" hangi etkin, encompasing "Log Off" çünkü var kural:

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

Böylece bağlantı (veya daha spesifik linki kapsayan ül) linke tıklayın tamamlanmadan önce ortadan kaybolur.

En azından bu, firefox'un nasıl işlediği gibi görünüyor.

DÜZENLEME: Yukarıda kuralın seçici

#main li.username:active ul 

ekleyerek birlikte çalışmalıdır.

Answer 2

Buna son kuralı değiştirin

:

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

#main li ul:hover kural alt menüsü tıklayın kayıt için yeterince uzun açık kalacağı anlamına gelir.

forked JS Fiddle

dip not bakın Serin hile, daha önce böyle bir lansmanı yapılmış bir kutu görmedim.