I am currently working on a website which requires an opaque background for the content that fades with alpha at the bottom to see the picture of the body background. Using a PNG file for the upper background works perfectly and the fade works great until I fill the div with a background-color to hide the body background where the text is.
I thought of using a second div for the transparent background but I need the text from the content div to be able to get on it too instead of pushing it down. I could use a bigger background image to cover the full text and fading its bottom but the contents have different heights and I need it to be dynamic…
