Partially transparent div in css

Question

I have a background image and a div that comes on top of that. I want the other div to be transparent (partially) so that I can still see the background below it with some opacity (if possible). I am new to CSS so any help would be great. Thanks in advance.

Answer 1

Put this in the top div that you have.

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