z-context Chrome Extension

A chrome devtools extension that displays stacking contexts and z-index values in the elements panel.
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

How to install z-context chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the z-context Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension z-context Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the z-context in Chrome Webstore Search and click on the search button.
• Step 3: click on the z-context Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the z-context extension for your Chrome Web browser .