Comment inspecter l'index Z de l'élément Popover dans Chrome DevTools sans qu'il disparaisse ?

Inspection de l'index Z de l'élément Popover dans les outils de développement Chrome : geler l'écran

Lors de l'utilisation des outils de développement de Chrome pour analyser l'index z de Popovers Twitter Bootstrap, cela peut être difficile car ils disparaissent lorsque la souris est éloignée. Cet article explique comment suspendre temporairement le popover et modifier son CSS associé.

Méthode :

1. Initier le popover en survolant l'élément souhaité dans le navigateur fenêtre.
2. Pendant que le popover est toujours visible, appuyez sur F8 (ou fn F8 sur macOS) pour figer l'écran. Ce raccourci clavier suspend l'exécution de JavaScript, vous permettant d'inspecter les éléments même après la disparition du popover.
3. Passez à l'onglet Éléments dans les outils de développement.
4. Localisez le code HTML du popover. élément dans la hiérarchie imbriquée de l'élément déclencheur.
5. Modifiez les propriétés CSS si nécessaire, telles que le z-index, pour ajuster le positionnement du popover.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!