Posted by Gary Coleman on July 17, 2009 at 7:00pm
Jump to:
| Project: | Tool Tips |
| Version: | 6.x-1.1 |
| Component: | Miscellaneous |
| Category: | support request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
Issue Summary
When I hover over my tooltip words the pop-up appears, but part of it is hidden under my blocks on the right. Also, if the tooltip balloon goes off the edge of the sheet it gets cut off or goes under the background.
Is there a way to make the pop-up ballons appear on top, overlaying everything? Instead of under?
Comments
#1
This sounds like a CSS problem: Tool tips will always be overridable by elements that use a higher z-index (CSS layering property). Could you please post a link to your site or include the theme CSS for the overlapping elements in this issue?
#2
I'm having the same problem. In Firefox3 it's not a problem, in IE7 it goes under the following block. I set my css for tooltips to:
a.tooltip,#sidebar-last li a.tooltip,
a.tooltip:hover,
a.tooltip:hover span {
z-index: 900;
}
Searching through my code, the only other element that's on that page that had a z-index was #sidebar-last with a z-index: 10; I deleted that from the style sheet, emptied the cache, but that didn't help, it's still showing in IE. Any ideas?
#3
Hm , I should confirm the problem, not quite sure why it happens, but affects only blocks!
#4
It affects only the blocks because by default in many themes the block has the CSS "overflow" property set to "hidden".
You will have to override this property to
{overflow:visible;}