It seems to be a problem with z-index styling, althou i'm not getting it resolved.
On my site the menu bar and the right navigation items display on top of the tool tips instead of the other way round.
After setting both of these to z-index: 0 the menu is now displayed under the the tip but not the right menubar.

Any insight into the problem will be apreciated. I have edited the beautytips.min.js and set the zIndex at values between 99 and 19999 with no diffrence in behavior.

The theme i use has been buiuld with artisteer.

CommentFileSizeAuthor
error.jpg552.37 KBwizzardo

Comments

vacilando’s picture

vacilando commented

Very similar problem - tips created on items in a side bar float under the main body content in the Fusion theme Mix & Match. Is there a quick way to fix display level issues like this?

taisei516’s picture

taisei516 commented
Issue tags: +Fusion, +Fusion Theme

same problem. fusion custom theme..

upasaka’s picture

upasaka commented

I had the same issue with a fusion sub-theme, I got it working by using "overflow:visible" in CSS for the blocks that had the issue.
Hope that helps.

izmeez’s picture

izmeez commented

subscribing

vacilando’s picture

vacilando commented
Category: support » bug

@upasaka, thank you, that was a solution. I simply added the following to my module's CSS:

.block {
  overflow: visible;
}

I hope the maintainer will fix this in the module (or is it something that has to be done in Fusion theme?)

erald’s picture

erald commented

I have/had the same problem part of the solution for the sidebar was #5. But still had the problem with the primary menu.
In my style there was a z-index:5; for the menu. Changed that to z-index:0; and it worked.
Looks like the z-index in the script does not do anything.

brunorios1’s picture

brunorios1 commented

same problem here with fusion sub-theme...

jakemonO’s picture

jakemonO commented

the issue is actually a css spec issue. the z-index is relative to the parent element. What you'd want to do is set the beauty tip param 'offsetParent' to 'body'. Unfortunately, this seems to affect spike's location in Firefox

kleinmp’s picture

kleinmp commented
Status: Active » Closed (works as designed)

This is really more of a css issue on individual sites and I don't think it's really a bug. If this is bug, then it will have to be reported on the jquery plugin, because the plugin decides where the beautytip content is place within the DOM.

As @Vacilando noted, the workaround is to set the overflow as visible, if you can. Setting the offsetParent as @jakemonO noted is also a possibility. You'd have to play around with those things to see what works best for you.

ascii122’s picture

ascii122 commented

What you'd want to do is set the beauty tip param 'offsetParent' to 'body'.

Could you tell me where exactly to do this ? and maybe what the line of code should look like? I'm having a similar problem and overflow didn't help. I've tried a few variations of offsetParent but keep getting errors.

thanks

ascii122’s picture

ascii122 commented

Found an update for my theme and now it works great

http://www.valleyflorafarm.com/node?mini=calendar%2F2012-06

cheers

-z