如何在 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中文網其他相關文章！