How to put text inside a div in front of its overlay?

Question

Hey
I've created a div with a css background-image and a headline inside the div. To make the image look better Ive used div:before as an overlay over the image, but as the text is inside the div the overlay lays also upon the text. is there a way to keep the text in front of the overlay without moving it out of the div?
(z-index doesnt work)

Answer 1

put the text in div:after using content:"text"

Answer 2

Thanks that makes sense :D