DevTools z-index
Developer Tools
Print all elements with z-index sorted by that number.
Users
7K
Rating
3.3
Reviews
12
7D Growth
0|0%
Stable signalUnknownLow-risk permissions
z-context
A Chrome DevTools Extension that displays stacking contexts and z-index values in the elements panel
Users6KCurrent public install base
Rating3.5Store average score
Reviews43Public review volume
Manifest versionV3Extension platform version
7-day growth0Net users gained this week
7-day growth rate0%Relative weekly velocity
Preview
2 assetsz-context Media preview
Trend
User growth trend
Review user movement across collected snapshots.
User Growth Over Time
Rating trend
7-day rating trend
View collected rating snapshots from the latest 7-day window to assess rating stability.
7-day rating change
Start
3.47
Latest
3.47
7-day rating change
0.00
2026年7月20日2026年7月26日
Growth overview
Daily, weekly, and monthly growth
Compare 1-day, 7-day, and 30-day net growth and growth rate.
1-day growthFlat
00%7-day growthFlat
00%30-day growthFlat
00%Technical snapshot
Version, languages, and crawl freshness
Review publication date, version, supported languages, and crawl timestamps.
Version3.0.0
ManifestV3
Size30.48KiB
Languages1English
Published
Store updated
Last crawled
English
Overview
Product summary
Review the store description, core capabilities, and common use cases.
Why use it? Browsers support a hierarchy of stacking contexts, rather than a single global one. This means that z-index values are often used incorrectly, and arbitrarily high values get set.
By Using Z-Context, you'll know:
- If the current element creates a stacking context, and why
- What its parent stacking context is
- The z-index value
--------
Reviews
Recent review snapshot
Inspect the latest comments and rating distribution.
Store average score3.5Chrome Web Store aggregate rating, including ratings without synced review text
Synced text average3.1Average computed only from synced review bodies below
Reviews with text33Synced review bodies
Total ratings / reviews43Chrome Web Store public rating/review count
Store average score: 3.5. The bars below are calculated from synced review text only, so they may be empty for extensions that have public ratings but no synced comments yet.
Related products
Similar and related extensions
Review related products from the Chrome Web Store detail page.
CSS Stacking Context inspector
Developer Tools
PaidConfidence 55
Helps inspecting the css stacking contexts and solving the z-index war.
Users
9K
Rating
3.8
Reviews
23
7D Growth
0|0%
CSS Used
Developer Tools
Get all css rules used by the selected DOM and its descendants.
Users
60K
Rating
4.4
Reviews
199
7D Growth
0|0%
Z-index Visualizer
Developer Tools
A tool that visualizes (2.5D) the stacking contexts of web pages.
Users
807
Rating
5.0
Reviews
1
7D Growth
-20|-2.42%
Dimensions
Developer Tools
A tool for designers to measure screen dimensions
Users
100K
Rating
4.2
Reviews
461
7D Growth
0|0%
Positionable!
Developer Tools
An extension for visually manipulating elements in the browser.
Users
1K
Rating
3.3
Reviews
35
7D Growth
0|0%
I guess this extension might be useful, but it doesn't show every stacking contexts. In my case it didn't show that positioning an element to fixed or sticky creates a stacking context, even without any opacity or z-index rule. as it can be seen here https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context and as it definitely applies.
Occurred to be very helpful when I stuck with debugging z-index issue in markup. Would be very nice if displayed properties *current* and *parentStackingContext* will point to real DOM nodes in Elements tab, not just strings with class names (which sometimes are absent when element has inline styles).
You have to completely restart Chrome for this extension to start working. Took me a while to figure that out.
Great to understand/debug your z-indexes and stacking contexts. Should def be in DevTools natively :) Thanks heaps.
Could not see the tab in dev tools , even after restarting and refresh . A good how to is helpful
Insanely helpful. I've spent hours trying to figure out the stacking context of my elements, while this extension helped solve my problem in a few minutes.
This extension is very helpful. But I wasted a ton of time because of the bug in it. It reports new stacking context for any value of "will-change", even smth like "will-change: left", which obviously doesn't create a stacking context. According to the spec: "Element with a will-change value specifying any property that would create a stacking context on non-initial value"
Perfect to find out which stacking context an element belongs to.
awesome extension. so useful for debugging unexpected z-index behaviour.
Awesome: very useful for checking an element z-index