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

tmallen’s picture

tmallen commented
Priority: Critical » Normal
Status: Active » Postponed (maintainer needs more info)

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?

cindyr’s picture

cindyr commented
Status: Postponed (maintainer needs more info) » Active

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?

kansaj’s picture

kansaj commented

Hm , I should confirm the problem, not quite sure why it happens, but affects only blocks!

ani.intrepid’s picture

ani.intrepid commented

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;}