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
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)