Transparent Box with HTML CSS

Question

I want to make a transparent box with content inside it with the image below..

I have no idea how to make this. Is it necessary for me to employ HTML5 techniques? Could you please assist me in constructing this box?

Answer 1

HOpe this helps you.

HTML:

<img src="http://lorempixel.com/400/200" />
<div class="box-transparent">
    This is some demo Text
</div>

CSS:

.box-transparent {
    position: fixed;
    top: 20px;
    left: 20px;
    background-color: rgba(100, 100, 100, 0.6);
    padding: 20px;
}

The important thing is the rgba(100, 100, 100, 0.6); line. 0.6 is the box's opacity.