Hidden Span 1

[Mighty]

I have a <SPAN> which is hidden on my page when the page loads. I also have an image map with a number of AREA tags. When the user mouses over one of these areas, a javascript function is called which sets the content of the span and displays it just below the mouse location.

This works fine in IE but not in Netscape. In Netscape, the SPAN does become visible and it has the content - it's even in the correct location. Unfortunately, it's behind the image and I need it to be on top of the image. Any help you can give me would be most appreciated.

I have set the style for the span as follows:

#tooltip {
border:1px solid #AABBCC;
background-color:#DDEEFF;
color:#003366;
visibility:hidden;
font: 7pt Arial;
position:absolute;
padding:1px;
}

Mighty

 

[ChrisHirst]

set the stacking order high, to bring it to the top of the other elements.

add

z-index:20;

to your tooltip style



Chris.

Indifference will be the downfall of mankind, but who cares?

 

[Mighty]

Thanks Chris.
Worked a treat.

Mighty