So wenden Sie einen CSS 3-Weichzeichnungsfilter auf ein Hintergrundbild an

Ich habe eine JPEG-Datei, die ich als Hintergrundbild für eine Suchseite verwende, und ich verwende CSS, um sie festzulegen, weil ich darin arbeiteBackbone.js Kontexte:

background-image: url("whatever.jpg");

Ich möchte einen CSS 3-Weichzeichnungsfilter anwendennur im Hintergrund, aber ich bin nicht sicher, wie ich nur dieses eine Element stylen soll. Wenn ich es versuche:

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

gleich darunterbackground-image In meinem CSS wird die gesamte Seite und nicht nur der Hintergrund formatiert. Gibt es eine Möglichkeit, nur das Bild auszuwählen und den Filter darauf anzuwenden? Gibt es eine Möglichkeit, die Unschärfe für jedes andere Element auf der Seite zu deaktivieren?

Antworten auf die Frage(14)

Ihre Antwort auf die Frage