I have a DIV that becomes visible when a link above it is moused over.

The DIV has links in it like so:

<div class="popup" onmouseout="hideLayer(this);">
<a class="popuplink" href="page1.html">Link 1</a><br/>
<a class="popuplink" href="page2.html">Link 2</a><br/>
<a class="popuplink" href="page3.html">Link 3</a><br/>
<a class="popuplink" href="page4.html">Link 4</a><br/>
</div>

When you mouse out of the div, it goes back into hidden.  But as soon as I
touch any of the links, it hides, thinking I've left the DIV.

Now, I'm assuming this is a z-index layer issue, but I've tried every
combination of things I could think of to prevent the mouseout action when
mouseing over one of the links.

I tried setting div.popup's z-index higher than a.popuplink's, lower than
a.popuplinks, and the same as.  (I did set each to a position as well.)

What am I missing?

--
Sugapablo
http://www.sugapablo.net

Sugapablo napisał(a):
> I have a DIV that becomes visible when a link above it is moused over.
>
> The DIV has links in it like so:
>
> <div class="popup" onmouseout="hideLayer(this);">
> 	<a class="popuplink" href="page1.html">Link 1</a><br/>
...
>
> When you mouse out of the div, it goes back into hidden.  But as soon as I
> touch any of the links, it hides, thinking I've left the DIV.

It's related to JS, not CSS so not for this group. I think
this may help you:
http://www.quirksmode.org/js/events_order.html