Hi,

ich versuche grad, ein Aufklappmenü (pures CSS) so zu ändern, dass beim AUfklappen du vorherige Ebene per Blur-Filter unscharf wird. Bei mir wird aber auch die aktuelle Ebene unscharf, was ich ja nicht will.

Natürlich wird sie, weil du das LI-Element blurst, das auch das Untermenü enthält.

Gewollt ist, die aktuelle Ebene ohne Blur, die Ebene darunter mit Blur.

Die „aktuelle Ebene“ wäre das erste A-Element im LI – wenn du nur das blurst, wird der „Rest“, also dein Untermenü, davon nicht betroffen.

Tausche den Selektor
  nav#mainmenu > ul > li:hover
mal durch diesen hier aus:
  nav#mainmenu ul > li:hover > a
– ist das so in etwa was dir vorschwebt?

http://dabblet.com/gist/b71fe8e072dd5ffa752f

(Wenn du noch mehr Ebenen haben wirst, musst du den Selektor ggf. anpassen bzw. spezifischer fassen – und wenn die eigentlichen Menüpunkte auf der untersten Ebene nicht geblurred werden sollen, ebenfalls.)

MfG ChrisB