My website (React.js) is giving me trouble with darkening the background image. I have attempted to darken the background image without success, even after trying the solution found here. I am utilizing the latest version of the Google Chrome browser for testing purposes. Below is the code snippet that I am working with:
* {
margin: 0;
padding: 0;
}
body{
background: url("images/background.jpg");
}
header{
position: absolute;
width: 100%;
height: 5vh;
}
ul{
position: absolute;
display: inline-block;
left: 10vw;
top: 2vh;
list-style-type: none;
}
.link{
text-decoration: none;
color: white;
}