|
|
Posted by Ben C on 06/19/07 12:57
On 2007-06-19, Daan <daanstolp@gmail.com> wrote:
> On the same page where I have trouble with the menu (see my previous
> 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!
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).
Navigation:
[Reply to this message]
|