So wenden Sie einen CSS-Filter auf ein Hintergrundbild an
Posted: 14 Jan 2025, 13:04
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:
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:
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?
Code: Select all
background-image: url("whatever.jpg");
Code: Select all
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);