Do you have a question? Post it now! No Registration Necessary. Now with pictures!
- Posted on
- z-index of div problem
June 19, 2007, 10:45 am
rate this thread
post), I have a little trouble getting the behaviour of one of the
divs the same between different browsers. On the page <http://
wwwhome.cs.utwente.nl/~stolp/tq/>, there is a div with id "wolken".
This should show a div containing a picture (of clouds, which is the
translation of the Dutch word "wolken"). This works fine in Safari,
but in Firefox, the div won't show. I have tried setting the z-index
property of various elements on the page, but I can't seem to get it
working. Either it won't show at all, or it fall OVER the content and
menu araes, which is not what it is supposed to do.
Any suggestions on how to fix this or a possible workaround? Thanks!
Re: z-index of div problem
This is a problem I've seen before with Firefox. It doesn't seem to have
much clue where the root stacking context is. It can be avoided by
creating a new "root" stacking context manually.
Add 'style="position: relative; z-index: 0"' to <body> to get the
clouds. Or if adding things on body gives problems in other browsers,
just wrap everything inside body in another div (with position:
relative; z-index: 0).
- » is there a way to fix the number of words in a textbox
- — Next thread in » HTML Markup Language