Posted by ecvandenberg on November 27, 2010 at 6:37pm
The z-index property gives some strange behavior.
I have created a liquid sub-theme with Zenophile 6.x-2.0. In the second sidebar there is a block with a picture. When resizing the browser window, this picture should glide behind the node content. So I gave the block a z-index value which is lower than the node content. And all looked fine while I was logged in as a user. When I logged out, the picture came to the front, overlapping the node content.
I have tried a z-index of -999, created a new block, even build a new site from scratch, but the problem stays.
So when I log in, the site looks correct, but logged out, the z-index does not seem to work properly.
Does anyone have a clue?
Comments
z-index needs explicit positioning
After some study I found out that the z-index only works if the element it relates to has a position explicitly set to absolute, fixed or relative.
After doing so, the problem was solved. Still strange that things worked well when logged in.
BE the change you want to see in the world
thank you
@ecvandenberg
Million thanks mate!!! I was searching for a solution 3 hours now...