jquery, simplemodal with a tooltip?

I'm using http://dev.mariusilie.net/content/simple-tooltip-jquery-plugin for my tooltip and simple modal fo开发者_如何学Cr 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?

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.

maybe you modal uses an iframe behind it? if so then your z-index can never win the war as iframe always stays on top.

In that case consider using a modal that does not use an iframe or put your tooltip on top of an iframe too but i do not recommend that later.