CSS Syntax Quesiton: Creating an overlay with text?
I have this image set as the background to a div:
and I can add a CSS overlay, which works:
the problem is, that when I do this overlay, I have to use height:100% to get it to cover the entire background cover image. When I do that, it pushes the text down past the image.
It should look like this (from Photoshop):
But that text appears below the image + overlay.
This seems like a simple syntax problem. What am I missing here?
<div id="automation" > <div id="overlay"></div> <h1 class="copy">Discover How to Turn your "Never Quite Up-To-Date" Company Spreadsheets into an Automatic, Access-From-Anywhere, Always Current System.</h1> </div>
Thanks so much!