Kolor tła i obrazek na jednym divie

Hej w jaki sposób na jednym divie mogę mieć tło obrazek oraz tło kolor z opacity? Obecnie jak tak robie to obrazek przysłania kolor, a chciałbym zieloną wartstwę backgroundu z przeźroczystością nad zdjęciem, żeby efekt zdjęcia był zielony.

...

Potrzebujesz dwa divy, albo kolor dodajesz czy pomocy box-shadow. Trzecia opcja dodanie czegoś w :before albo :after.

Dla mnie trzecia opcja chyba najbardziej elegancka.

Albo czwarta opcja, solid kolor, a opacity ustawiasz na zdjęci :slight_smile:

Safari i chrome ma „backdrop filter”.

W Firefox trzeba dalej włączać w about:config (plus akcelerację sprzętową dla karty graficznej aktywną).

https://caniuse.com/css-backdrop-filter

Ale chyba nie potrzebujesz rozmycia a wystarczy kanał alfa dla zieleni w:

HEX (#rrggbbaa / #rgba) => #57f11f4d ~ #6f35

HSLA => hsla(104, 88%, 53%, 0.3)

RGBA => rgba(87, 241, 31, 0.3)