Gunlaug Sørtun wrote:
> Jesper Brunholm wrote:
>
>> Im trying to make a pure CSS tooltip (or mouseover/hover- popup) on
>> this page: <http://visesangere.dk/test2.html>
>>
>> They work very fine on the first 4 links: "Ag o ... Ak","Al v ... Am
>> B" etc, but only in Mozilla and Opera, Explorer puts the absolutely
>> positioned :hover _below_ the surrounding position:relative <a>s.
>
> Delete 'position: relative' on '.linkline a:link, .linkline a:visited'.
> Apply 'position: relative' on '.linkline a:hover'.
Great solution.
I was on the wrong path: I kept the position:relative, but added a
z-index change (from 1 to 2) on hover. Worked too, but ghosts still
remained (stacked /under/ the links) when hovering the next link.
.linkline a {z-index:1;position:relative; }
.linkline a:hover {z-index:2;}
So, to remove the ghosts, I tried this and that, and added layout to the
hovered state,
.linkline a:hover {z-index:2; zoom:1}
... which crashed IE. Not good.
;)
Ingo
--
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
