CSS popup tooltips

[Colin Walls]

I am using a variant of Eric Meyers popup CSS technique on elements of a
table. Each element consists of a small status image which pops up a
message when the mouse hovers over it. The images are close together.

It works fine in Firefox, essentially the only thing I had to modify with
Meyer's CSS was to add a z-index to ensure the popup was at the front.
Internet Explorer seems to disregard the z-index and shows neighbouring
images through the popup.

Has anyone any clue how I get around what seems to be yet another bug in IE?

--
Colin Walls
Removed the pink meat to mail me

[Els]

Re: CSS popup tooltips

Colin Walls wrote:
[color=blue]
> I am using a variant of Eric Meyers popup CSS technique on elements of a
> table. Each element consists of a small status image which pops up a
> message when the mouse hovers over it. The images are close together.
>
> It works fine in Firefox, essentially the only thing I had to modify with
> Meyer's CSS was to add a z-index to ensure the popup was at the front.
> Internet Explorer seems to disregard the z-index and shows neighbouring
> images through the popup.
>
> Has anyone any clue how I get around what seems to be yet another bug in IE?[/color]

I don't know if it helps in your particular case, but only images that
are later in the source will shine through afair. So, depending on
what your page looks like, it might be possible to get rid of it by
changing the order in the source. (probably not if you're using a
table..)

Another workaround, is to have the real images as background-images,
and use transparent images in the front to set off the popup on hover.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

[dwight.stegall@gmail.com]

Re: CSS popup tooltips

Ask Eric directly by joining his css discussion list.

http://www.css-discuss.org/

[Colin Walls]

Re: CSS popup tooltips

Colin Walls wrote:
[color=blue]
> I am using a variant of Eric Meyers popup CSS technique on elements of a
> table. Each element consists of a small status image which pops up a
> message when the mouse hovers over it. The images are close together.[/color]

I have had one or two suggestions by mail on this, but no joy I'm afraid. I
have put up a minimal anonymised website so that people can see the
problem. This is http://murorum.demon.co.uk/mwr/.

--
Colin Walls
Removed the pink meat to mail me