Question

I have created a number of tool tips in JavaScript for use in a form.

My problem is that the tool tips always popup under the field that I am trying to create the help for and are unreadable.

Is there anyway I can make the Tooltip always display on the top of the form?

Any help would be greatly apprecoiated.

Thanks in advance
Mike

Answer 1

The problem can most likely be fixed by adding a z-index to the element that the popup is contained in that is higher than that of the form.

Try adding the following css to your popup:

z-index:1000;

This will put everything with a z-index of 999 and lower below the popup. You can view more info about the z-index property here http://www.w3schools.com/cssref/pr_pos_z-index.asp and if you need more help please post a bit of your code so we can better assist you.