I’m trying to add a background image to a div. I want the background image to have an opacity: .5. so that when text is placed on top of the background image it will be legible.
I’m trying to add a background image using, ::before. the background should have an opacity of .5. Since the opacity is set in the ::before, the children elements won’t be effected by the opacity. (I don’t want the text to inherit the opacity…just the background.)