A Chrome DevTools Extension that displays stacking contexts and z-index values in the elements panel
z-context Extension
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
--------
v3.0.0 - Update to manifest v3 and update stacking context rules https://github.com/gwwar/z-context/pull/29
v2.1.0 - Includes http protocol to facilitate development use cases https://github.com/gwwar/z-context/pull/23
v2.0.0 - Adds support for inspecting iframes https://github.com/gwwar/z-context/pull/21 https://github.com/gwwar/z-context/pull/22
v1.1.0 - Adds z-index stacking context rules as of 2021. Adds fixes for position sticky and shadow dom, props to roperzh and edenilan! See pulls 10, 17 and 18 at https://github.com/gwwar/z-context.
v1.0.4 - fixes will-change case. a stacking context is created for opacity/transform but not other values https://github.com/gwwar/z-context/pull/9
v1.0.3 - fixes display reason for flex-items https://github.com/gwwar/z-context/pull/4
v1.0.2 - adds new z-index rules, fixes a bug when inspecting a shadow dom elements. https://github.com/gwwar/z-context/pull/3
v1.0.1 - fix reason message for non-static positions, props to giuseppeg. https://github.com/gwwar/z-context/pull/1
Source Manifest.json
Similar Extensions
DevTools z-index 7,000+ 13 ★ 22.53KiB
CSS Stacking Context inspector 7,000+ 21 ★ 262KiB
Web Vitals 7,000+ 43 ★ 398KiB
CSS Used 7,000+ 184 ★ 164KiB
Dimensions 7,000+ 454 ★ 17.28KiB
Xdebug helper 7,000+ 429 ★ 70.13KiB
Positionable! 7,000+ 32 ★ 116KiB
Redux DevTools 7,000+ 726 ★ 1.2MiB
VisBug 7,000+ 252 ★ 5.38MiB
MobX Developer Tools 7,000+ 51 ★ 682KiB
BrowserStack 7,000+ 95 ★ 805KiB
Grid Ruler 7,000+ 335 ★ 288KiB
LiveReload 7,000+ 808 ★ 60.78KiB
axe DevTools - Web Accessibility Testing 7,000+ 114 ★ 2.89MiB
Apollo Client Devtools 7,000+ 266 ★ 490KiB
Refined GitHub 7,000+ 213 ★ 572KiB
Angular DevTools 7,000+ 159 ★ 3.2MiB
Requestly - Intercept, Modify & Mock HTTP Requests 7,000+ 1227 ★ 876KiB
WAVE Evaluation Tool 7,000+ 143 ★ 344KiB
Meteor DevTools 7,000+ 43 ★ 430KiB
Vue.js devtools (beta) 7,000+ 149 ★ 2.54MiB
DevTools Theme: Zero Dark Matrix 7,000+ 545 ★ 56.82KiB
ng-inspect for AngularJS 7,000+ 87 ★ 585KiB
Accessibility Insights for Web 7,000+ 37 ★ 3.62MiB
User reviews
Zachary Wiles (ID: 00000003802614d5) Voted 4 ★ - Updated 03/04/2023
Rollmops94 (ID: 000000c5ce9b7331) Voted 1 ★ - Updated 01/05/2023
Lumbardh Elshani (ID: 0000009ccb7822bd) Voted 1 ★ - Updated 08/19/2022
Patrick Baumann (ID: 00000009eaa380cb) Voted 1 ★ - Updated 05/12/2022
Sebastian Vittersø (ID: 0000006683447aa2) Voted 5 ★ - Updated 11/02/2021