untergeordnete Liste ausklappen
apsel
- css
Om nah hoo pez nyeetz,
ich habe eine Liste, bei der ich mithilfe von :hover untergeordnete Listen ausklappen möchte.
Problem: mit :hover klappt es so wie es soll, mit :focus nicht.
#schnellzugriff a:hover, #schnellzugriff a:focus
{ color: #aa0022;
}
~~~ wird korrekt ausgeführt
~~~css
#schnellzugriff ul li:hover ul
{ left: auto;
position: relative;
}
~~~ wird korrekt ausgeführt
~~~css
#schnellzugriff ul li:focus ul
{ left: auto;
position: relative;
}
~~~ wird nicht korrekt ausgeführt
Woran könnte das liegen? getestet in FF3.6 IE8
Matthias
--
![](http://www.billiger-im-urlaub.de/kreis_sw.gif)
Problem: mit :hover klappt es so wie es soll, mit :focus nicht.
Woran könnte das liegen? getestet in FF3.6 IE8
Dein focus Problem lässt sich einfach darstellen
<ul>
<li>
<a>Link</a>
</li>
</ul>
Von sich aus ist nur a focus-fähig
Mittels tabindex erhalten andere Elemente auch die Fokusmöglichkeit.
Aber das nützt dir nichts, weil:
Abhilfe gibt es da nur mit JS, und Dropdown-Menus sind zum Fokusieren ein bekanntes Problem.
mfg Beat