HTML przeźroczystość Background

Question

Witam mam, problem mianowicie wymyśłiłem sobie że tłem mojej strony będzie obraz który już przygotowałem, jednak jest zbyt mocno widoczny(w końcu to tylko background) czy jest opcja typu background opacity ? Chciałbym również zrobić efekt: po na jechaniu na artykuł i główne elementy strony background opacity powinien się zmniejszyć, a po opuszczeniu pola background opacity powinno się zwiększyć, czy jest to możliwe ?

Comments

Nie ma opacity dla background, ale możesz użyć pseudo elementu after. Ustawić w nim background-img, oraz z-index na -1. Lub użyć filter z opacity.

---

Co do efektu na artykułach możesz do tego użyć background: rgba();

---

móglbyś napisać jak powinen wyglądać kod w css ?

---

móglbyś napisać jak powinen wyglądać kod w css ?

background: rgba(0, 255, 0, 0.5);

Answer 1

https://scotch.io/tutorials/how-to-change-a-css-background-images-opacity

Answer 2

Nigdy tego nie robiłem, ale mógłbyś dodać diva do body, w którym byłaby zawartość całej strony.
Ten div miałby rozmiary równe całej stronie, albo całemu ekranowi (wtedy ma włączoną opcję scrollowania).
Oraz ten div ma jako background-image to zdjęcie oraz opacity ustawione na ile tam sobie wymyślisz.
Powinno działać, jednak znając życie to nie będzie takie proste jak ci opisałem, i będziesz musiał troche pokombinować, poszukać na stackoverflow itd