HTML CSS How to: Create an opaque Text box on top of an image?

I am a newbie to both html and css and for the life of me I cannot get this right. Can someone please assist me in coding this?