How Can I Fade Are Background Image In And Out Using Jquery In A Parent Div Without Having It Affect The Child Div?

I've got a parent div content-bg which contains the background image fading I've got the child div content which contains the content The problem is when the background-image fade

Solution 1:

Instead of using the image as a background you could add a seperate div on the same level as the content and set an image there. Now if you align the content text on top of this img you can fadeIn and out this div containing the img without losing the content text.

You are now simply fading out the entire content-bg div which means it will also fade out the content within this div.