xtiandc wrote:
> I put together a simpler version of the page for feedback:
> http://demo.wfp.com/flyout.htm
>
> As is now, no z-index's are specified. The menu is placed at the
> bottom of document and therefore inherits the higher value (I
> assume). This means that the link to the left does not work
> (strangely enough, IE does allow the link to operate).
> At any rate, what I'm after is the ability to view the flyout
> hover/child items AND access the link in both FF and IE. Is it
> possible? My first thought was to try to assign a higher z-index
> value to the hover element, but that did not appear to work.
I assume you mean you want to be able to use the link when the flyout is
not flying out.
scrollbox establishes the stacking context for all its children, the
flyout menu.
The testlink can only be placed over or under this stacking context of
scrollbox, further or nearer to the user.
Basically the problem here is that you have a positioned link and a box
that is patched over it.
#testLink { position: absolute; left: 100px; top: 100px; }
#scroll_box { width: 500px; height: 500px; position:relative; z-index:1;}
<body>
<div id="testLink">
<a href="#">test this link</a>
</div>
<div id="scroll_box">
<!---->
</div>
</body>
Should the link work, even if the box is not filled?
Safari2.0.3, Firefox1.5, Opera8.51: no
Opera9: yes.
Ingo
--
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
