GoFuckYourself.com - Adult Webmaster Forum

- Fucking Around & Business Discussion (https://gfy.com/forumdisplay.php?f=26)

- - CSS Tooltip Problem... (https://gfy.com/showthread.php?t=877805)

CSS Tooltip Problem...

Screenshot from Internet Explorer 7
http://e.imagehost.org/0012/tooltip_ie.jpg

- tooltip displays behind thumbs, why isn't it showing up infront like firefox?

Screenshot from Firefox 2
http://e.imagehost.org/0243/tooltip_firefox.jpg

- tooltip displays infront of thumbs, but why is it position down further?

Code:

a.tip {

        position: relative;

}



a.tip span {

        display: none;

        position: absolute;

        top: 95px;

        left: -17px;

        width: 125px;

        padding: 5px;

        z-index: 100;

        background: #000000;

        text-align: center;

        color: #FFFFFF;

        -moz-border-radius: 5px; /* this works only in camino/firefox */

        -webkit-border-radius: 5px; /* this is just for Safari */

}



a:hover.tip {

        font-size: 99%; /* this is just for IE */

}



a:hover.tip span {

        display: block;

}

any ideas?

Link us to the page with this on it.

Here's a working example : http://www.munkgalleries.com/css/tooltip/example.php

z-index is set to "100" so it *should* be displaying ontop of everything else like firefox. i'm not using a z-index greater then 100...

nevermind, found a different working code... thx

Quote:

Originally Posted by fris (Post 15245601)

http://www.nickstakenburg.com/projects/prototip2/

Mmm prototype.