What is z-context?
Extension stats
Ranking
Other platforms
Extension summary
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
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
User reviews
- super helpful for solving problems related to stacking context
- helpful for understanding and fixing issues with layers
- essential for debugging z-index issues in markup
- useful for checking an element's z-index and its stacking context
- does not work in several versions of Chrome
- requires browser restart after installation to work
- incomplete detection of stacking contexts (e.g., fixed or sticky positioning)
- UI/UX issues including invisibility in dev tools and lack of guidance on usage
- Not working or empty panel reported by multiple users
- Requires a Chrome restart for the extension to work
- Helpful in understanding and debugging z-index/stacking context issues
- Lack of documentation or 'how-to' causing difficulties in usage
Recent reviews
Extension safety
Risk impact
z-context requires a few sensitive permissions. Exercise caution before installing.
Risk likelihood
z-context has earned a good reputation and can be trusted.
Similar extensions
Here are some Chrome extensions that are similar to z-context: