halbtransparentes menu mit unscharfem hintergrund

[richterskala]

tachschön!
ich will auf ner webseite bei mouse over ein submenu als eine art layer ausfahren lassen, der so zu ca. 10% transparent ist (im bild die grüne fläche). das was hinter dem layer ist, soll aber nur unscharf (blurred) zu sehen sein.

problem ist, dass der content im hintergrund ja dynamisch wechselt, weils html ist. ich bin der meinung, sowas auch schon mal (ohne flash) gesehen zu haben. hat jemand ne idee? mit jquery? oder javascript?

vielen dank und schöntach
ralph
Link zum Screenshot:

 

[sokie]

AW: halbtransparentes menu mit unscharfem hintergrund

ob das mit "blurred" machbar ist, sehe ich etwas skeptisch, weil man dazu in den allermeissten Fällen nun doch ein bitmap bräuchte und da deine Inhalte ja nun dynamisch und wechselnd sind, und zudem noch browser spezifisch unterschiedlich aussehen können, kannst du da kaum eine entsprechende Grafik vorhalten.
du kannst aber auf jeden fall ein overlay über deine Inhalte legen; also ein Div, das deinen Bereich der Inhalte überdeckt und ein transparentes png als hintergrund hat. Das müsste dann eben beim 'hovern' der Menüeinträge eingeblendet werden (entweder durch manipulation der css-eigenschaft "display" per javascript, oder einer Animation wie show() (jQuery)