My test page:
Each of the colored bars running across the page is a <div> with position:fixed.
Now, I want to place the logo <img> and have it be overtop the colored bars, but it is behind (you can see part of it below the third bar). It comes after the bars in the markup, so I thought it would always be on top. The position:fixed changes that?
Is there some other way I can make the colored bars more of a background, so that I can put the logo overtop? Other than doing a position:absolute with the logo, set a z-index, etc.?
Basically, how do I keep those bars as position:fixed, but not have them affect other elements place overtop? They should be behind everything else.