Question

I’m using http://dev.mariusilie.net/content/simple-tooltip-jquery-plugin for my tooltip and simple modal for a modal window. I’ve got a link in the modal window and when I put my mouse over it, the tooltip is there, but it’s beneath the modal window. I think it has to do with “z-index”. I looked and I think the modal window is at 1000. I’ve set the #simpleTooltip property in the css with various z-index values, with no luck. It always appears beneath the modal window.

Any Ideas?

Answer 1

With what browser are you having this issue? Are you actually using SimpleModal, or some other modal library?

Setting the z-index on the tooltip should work, or you can set the z-index for SimpleModal to a lower value:

$(element).modal({zIndex:10});

The value should be at least 5 below the tooltip value.