Chihuahuas

Flicker Problem

If you try to apply the Show-Hide behavior on the top layer it will flicker like crazy. To fix that do the following:

• Create another layer that is below the top layer. That means that the z-index of the new layer is smaller.
• Add the Show-Hide behavior to the top layer to hide itself onMouseOver.
• Add the Show-Hide behavior to the layer that is below the top layer to show the top layer onMouseOut.

Here is the code:

<div id="topLayer" onmouseover="MM_showHideLayers('topLayer','','hide')">Message</div>
<div id="bottomLayer" onmouseout="MM_showHideLayers('topLayer','','show')"></div>

You may have to add an image to your bottom layer. It would be a transparent .gif the same size as the layer.