# CSS Stacking Context inspector

> Helps inspecting the css stacking contexts and solving the z-index war.

Canonical page: [https://chrome-stats.com/d/css-stacking-context-inspector](https://chrome-stats.com/d/css-stacking-context-inspector)

## Overview

- **ID:** `css-stacking-context-inspector`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** Andrea Dragotta
- **Category:** web-development
- **Daily users:** 567
- **Weekly downloads:** 1
- **Rating:** 5.00 / 5 (10 ratings)
- **Version:** 1.1.12
- **Last updated:** 2022-10-14
- **First published:** 2021-04-13
- **Size:** 153 KB
- **Data as of:** 2026-09-10
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/css-stacking-context-inspector/)

## Description

The CSS Stacking Context Inspector is a powerful Chrome extension designed for web developers and designers to easily inspect and analyze CSS stacking contexts. By integrating seamlessly with Chrome DevTools, it introduces a new panel and an inspector sidebar. The inspector sidebar displays detailed stacking context information for the currently selected DOM node, while the dedicated panel offers a tree-like visualization of all stacking contexts present on the page. This tool simplifies understanding complex z-index interactions, helping you quickly diagnose and solve stacking and layering conflicts in your web projects.

## Rankings

- #4,633 — Overall
- #35 — context menu
- #46 — tracking
- #59 — contact
- #87 — insert
- #107 — inject

## Permissions and access

### Permissions

- `storage`
- `http://*/*`
- `https://*/*`

### Content script matches

- `<all_urls>`

## Safety

- **Risk impact:** Moderate risk impact
- **Risk likelihood:** Low risk likelihood

### Analysis details

- Allows access to all websites, posing a significant security risk as it can monitor and modify data from any visited site.
- This extension has low user count. Unpopular extensions may not be stable or safe.

> Some risk analysis details are omitted from this free response. [Upgrade to view the full analysis](https://chrome-stats.com/pricing).

## Review summary

Users find CSS Stacking Context inspector very effective in identifying and resolving complex CSS stacking and z-index issues, especially in challenging projects. It is highly praised for saving time and complementing existing browser debugging tools, with no recurring complaints across reviews.

### Pros

- Effectively helps identify and debug complex stacking context and z-index issues.
- Easy to use and very useful in resolving CSS layout problems.
- Highly appreciated by users who spent significant time debugging stacking problems.
- Complementary to browser's built-in debugging tools, enhancing problem-solving.

## Similar extensions and apps

- [z-context](https://chrome-stats.com/d/z-context) — 4 users
- [New-Free-sidebar](https://chrome-stats.com/d/new-free-sidebar)
- [Inspector DOM Sidebar](https://chrome-stats.com/d/inspector-dom-sidebar) — 390 users, 5.00 / 5
- [DEV-Tools](https://chrome-stats.com/d/dev-tools) — 22 users, 4.50 / 5
- [Knockoutjs context](https://chrome-stats.com/d/knockoutjs-context) — 115 users, 5.00 / 5
- [Css Debug with Pesticide CSS](https://chrome-stats.com/d/css-debug-with-pesticide) — 6 users
- [EffCSS Developer Tools](https://chrome-stats.com/d/effcss-developer-tools)
- [Umbraco DevTools](https://chrome-stats.com/d/umbraco-devtools) — 2 users
- [oli-node-counter](https://chrome-stats.com/d/oli-node-counter)
- [CSS Viewer](https://chrome-stats.com/d/inspectcssviewer) — 2 users
- [Multi-Panel Source Viewer](https://chrome-stats.com/d/multi-panel-source-viewer)
- [CSS Debug Overlay Plus](https://chrome-stats.com/d/css-debug-overlay-plus) — 1 users

---

Source: [Chrome-Stats](https://chrome-stats.com/d/css-stacking-context-inspector)