javascript - 如何使用CSS更改浏览器管理密码窗口的位置

Question

我有一个登录页面。在该页面中，我有密码字段，并为该密码字段设置了 Caps Lock 键指示。当 Caps Lock 键打开时，我创建的 DIV 将作为工具提示显示在密码字段下方。

Login Form Caps Lock key On Tooltip Indication

但我的问题是，当我们通过浏览器保存时，“大写锁定键打开”工具提示 DIV 隐藏在浏览器显示的管理密码气泡后面。

Login Form with the manage password Window show by the Browser and the Caps Lock On Indication DIV is hiding behind it.

我想要解决方案，我们可以在 CSS 和 javascript 的帮助下处理它吗？因此，当检测到“管理密码”窗口时，Caps Lock Indicator DIV 工具提示位置应更改为“左侧”，但工具提示正确可见。

请提供适用于每个浏览器的解决方案。主要用于(Google Chrome、Internet Explorer 和 Mozilla Firefox。)

Answer 1

您可以尝试在 css 中使用相对定位，即:

#caps-lock-indicator {
   position: relative;
   top: -5px;
}