如何在 Chrome DevTools 中检查 Popover 元素 Z 索引而不使其消失？

在 Chrome 开发者工具中检查 Popover 元素 Z 索引：冻结屏幕

使用 Chrome 开发者工具分析Twitter Bootstrap 弹出窗口，这可能具有挑战性，因为当鼠标移开时它们会消失。本文介绍如何暂时暂停弹出窗口并修改其关联的 CSS。

方法：

1. 通过将鼠标悬停在浏览器中所需的元素上来启动弹出窗口窗口。
2. 当弹出窗口仍然可见时，按 F8（或 macOS 上的 fn F8）冻结屏幕。此按键绑定会暂停 JavaScript 执行，让您即使在弹出窗口消失后也可以检查元素。
3. 切换到开发人员工具中的 Elements 选项卡。
4. 找到弹出窗口的 HTML触发元素的嵌套层次结构中的元素。
5. 根据需要修改 CSS 属性，例如 z-index，以调整弹出窗口的位置。

以上是如何在 Chrome DevTools 中检查 Popover 元素 Z 索引而不使其消失？的详细内容。更多信息请关注PHP中文网其他相关文章！