CSS stacking context debugger. Visualize z-index layers, detect conflicts, and fix stacking issues with one click.
Click the icon to instantly scan the page and discover every stacking context. No setup, no configuration needed.
FREESee all stacking contexts in a clean tree view with z-index values. Understand parent-child relationships at a glance.
FREELow, medium, high, and extreme z-index values are color-coded so you can spot outliers and patterns instantly.
FREEHover over any item in the tree and see it highlighted directly on the page. Click to scroll it into view.
FREEExtension badge shows the total number of stacking contexts on the current page. Spot complex pages at a glance.
FREESee your stacking contexts as 3D layers, like an exploded view of your page. Rotate and zoom to understand depth.
PROAutomatically finds elements with the same z-index competing in the same stacking context. No more guessing.
PROGet actionable suggestions to resolve stacking conflicts. Copy the fix and paste it into your CSS.
PROExport the full stacking context tree as JSON for tooling, or as a PNG screenshot for bug reports and documentation.
PROFree tier gives you generous daily scans. Pro removes all limits so you can debug complex apps without interruption.
PRO