CSS Stacking Context inspector voor Google Chrome

CSS Stacking Context-inspecteur voor chrome van Andrea Dragotta

CSS Stacking Context Inspector is een devtools-extensie voor Chrome die het gemakkelijk maakt om de CSS-stapelcontexten te inspecteren en de z-index-oorlog op te lossen. Het is gemaakt met de hulp van twee vrienden, een van hen heeft het gemaakt en de ander heeft geholpen met het coderen.

Het is een boomstructuur die alle relevante informatie over het geselecteerde element toont. Het is nuttig voor ontwikkelaars en ontwerpers om te zien wat er aan de hand is en om problemen op te lossen die kunnen ontstaan door misbruik van de eigenschap z-index.

De boom bestaat uit twee delen: de linkerkant toont de bovenliggende stapelcontexten, en de rechterkant toont de onderliggende stapelcontexten. Hiermee kunt u de boomstructuur inspecteren en het element identificeren dat een bepaalde z-indexwaarde heeft.