When you want to display text on a background image, you need some contrast to make the text readable. The most common and easiest way to achieve this contrast is to add a dark transparent overlay on the image. Something like this: There are a few different ways to do that, but unfortunately, none of them are straight forward. There is no property like "background-opacity" that can help you get this.
Background opacity with one line of CSS
Background opacity with one line of CSS
Background opacity with one line of CSS
When you want to display text on a background image, you need some contrast to make the text readable. The most common and easiest way to achieve this contrast is to add a dark transparent overlay on the image. Something like this: There are a few different ways to do that, but unfortunately, none of them are straight forward. There is no property like "background-opacity" that can help you get this.