Question

So i have one div and inside i have img tag. SO what i would like to do is put that div background on top of img, i know i could use another div with absolute position to do that but maybe it’s possible to do it with only 1 div?

This is my code:

<div id="container">
   <img src="image.jpg" />
</div>

EDIT Sorry for explaining it all wrong, but i want to background over the image, and from what i can see right now it’s not possible without extra div.

Answer 1

Simply put, you can’t with that code.
The best you could do is use some positioning and z-index properties within a single div.

<div id="container">
   <div id="cover"></div>
   <img src="image.jpg" />
</div>

Then use CSS to move the cover div above the image.