Zdjęcie i gradient

Question

Cześć, jestem początkujący i mam pytanie dotyczące nałożenia na zdjęcie gradientu. Chciałbym stworzyć taki efekt, że zdjęcie jest pod gradientem, którego opacity wynosi np. 0.6. Strona pisana jest na Bootstrapie. Z góry bardzo dziękuję Wam za pomoc!

Gradient mam następujący: 

background: rgb(9,30,70);
background: linear-gradient(180deg, rgba(9,30,70,1) 16%, rgba(4,43,124,1) 78%);

Chciałbym uzyskać taki efekt:

Answer 1

Możesz np.: dobrać odpowiednie ustawienie ostatniego parametru polecenia rgba (alpha)

rgba(red, green, blue, alpha)

Value	Description
red	Defines the intensity of red as an integer between 0 and 255, or as a percentage value between 0% and 100%
green	Defines the intensity of green as an integer between 0 and 255, or as a percentage value between 0% and 100%
blue	Defines the intensity of blue as an integer between 0 and 255, or as a percentage value between 0% and 100%
alpha	Defines the opacity as a number between 0.0 (fully transparent) and 1.0 (fully opaque)

i tak np.:

  background: rgb(9,30,70,1);
  background: linear-gradient(to right, rgba(9,30,70,0.872) 16%, 
                                        rgba(4,43,124,0.25) 78%),
                                        url(https://adress_obrazka.jpg);

Codepen

Answer 2

Czy obrazek jest również ustawiony jako background? Jeżeli tak, to możesz przeanalizować mój wpis o gradientach na blogu: https://radek024.github.io/blog/css/strony-www/2019/04/20/gradient-css/#gradient-jako-filtr-do-t%C5%82a