简体   繁体   English

工具提示问题弹出窗口未显示在表单的顶层

[英]Tool Tip Issue Popup not showing on the top layer of a form

I have created a number of tool tips in JavaScript for use in a form. 我已经在JavaScript中创建了许多用于表单的工具提示。

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 预先感谢迈克

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. 通过将z-index添加到包含该弹出菜单的元素中比该表单更高的元素,很可能可以解决该问题。

Try adding the following css to your popup: 尝试将以下CSS添加到弹出窗口:

z-index:1000;

This will put everything with a z-index of 999 and lower below the popup. 这会将所有z-index为999且更低的z-index置于弹出窗口下方。 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. 您可以在http://www.w3schools.com/cssref/pr_pos_z-index.asp上查看有关z-index属性的更多信息,如果需要更多帮助,请发布一些代码,以便我们更好地为您提供帮助。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM