JavaScript: Blur auf den Bereich eines Elements hinter einem Element

[MWojt]

Hi Leute,

ich suche momentan nach einer Möglichkeit, ein halbtransparentes Element ein Element, das dahinter liegt, verschwimmen zu lassen. Dabei soll nur der Teil, der hinter dem erstgenannten Element liegt, verschwimmen; der Rest soll lesbar bleiben.

Hat jemand hier eine Ahnung, wie man das mit JavaScript/JQuery hinbekommt?

Danke im Voraus,

MWojt

[Chickos]

Mahlzeit. Meiner Meinung nach, ist das was du da vorhast mit Javascript/JQuery nicht so einfach umzusetzen, da das zu 'blurende' obere Element ja die notwendigen Informationen (Hintergrundbild, etc.) von dem darunterliegenden bräuchte. Findest du so auch eigentlich nirgends im Netz. Die Seiten auf denen ich das schon mal gesehen habe arbeiten mit Hintergrundgrafiken oder Scripten wie diesen hier(blurjs.com), die dem Element eine 'geblurte' Version des dahinter liegenden Objektes zuweisen. (Das angegebene Script funktioniert nicht für variable, bewegliche Hintergründe*.) *Möglicherweise könnte man das Skript um einige Zeilen erweitern, sodass permanent ein 'geblurtes' Bild erzeugt und in den Hintergrund des oberen Objektes gelegt wird. Allerdings dürfte das wesentlich mehr Ressourcen fressen, als es der Aufwand überhaupt wert wäre.)