Hintergrundunschärfe mit CSS

Ich will eineVista / 7-Aero-Glas-Effekt in einem Popup auf meiner Website, und es muss dynamisch sein. Ich bin damit einverstanden, dass dies kein browserübergreifender Effekt ist, solange die Site noch bestehtfunktioniert in allen modernen Browsern.

Mein erster Versuch war, so etwas zu benutzen

#dialog_base {
  background:white;
  background:rgba(255,255,255,0.8);

  filter:blur(4px);
  -o-filter:blur(4px);
  -ms-filter:blur(4px);
  -moz-filter:blur(4px);
  -webkit-filter:blur(4px);
}

Allerdings, wie ich hätte erwarten sollen,Dies führte zu derInhalt des Dialogs wird unscharf und der Hintergrund bleibt klar.Gibt es eine Möglichkeit, CSS zu verwenden, um den Hintergrund eines semitransparenten Elements anstelle seines Inhalts zu verwischen?

Antworten auf die Frage(7)

Ihre Antwort auf die Frage