Is it possible to have a child element behind his parent element with z-index

I would like to know if it possible to have a child element behind his parent element with z-index.

I would like to use the parent div as transparent color layer on top of his content.