So wenden Sie einen CSS-Filter auf ein Hintergrundbild an ⇐ CSS

[Guest]

Ich habe eine JPEG-Datei, die ich als Hintergrundbild für eine Suchseite verwende, und ich verwende CSS, um sie festzulegen, weil ich in Backbone.js-Kontexten arbeite:

Code: Select all

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

Ich möchte einen CSS 3-Unschärfefilter nur auf den Hintergrund anwenden, bin mir aber nicht sicher, wie ich nur dieses eine Element formatieren soll. Wenn ich es versuche:

Code: Select all

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

direkt unter dem Hintergrundbild in meinem CSS, gestaltet es die gesamte Seite und nicht nur den Hintergrund. Gibt es eine Möglichkeit, nur das Bild auszuwählen und den Filter darauf anzuwenden? Gibt es alternativ eine Möglichkeit, die Unschärfe einfach für jedes andere Element auf der Seite zu deaktivieren?