CSS Stacking Context inspector

Helps inspecting the css stacking contexts and solving the z-index war.
Download Install Compare

The CSS Stacking Context Inspector is a powerful Chrome extension designed to help developers visualize and troubleshoot CSS stacking contexts, a key concept that affects how the z-index property works. By providing a dedicated panel with a tree view of stacking contexts and a sidebar with context details, it enables quick identification and resolution of z-index conflicts in your web projects.

This extension supports advanced features like container queries, shadow DOM inspection, iframe contexts, and more. Regular updates ensure compatibility and improvements, including a dark theme and manifest V3 compliance. It's an essential tool for front-end developers seeking to understand and master CSS layering behavior efficiently.

Manifest V3 Extension Developer Tools Productivity Programming
By:
Andrea Dragotta
Users:
9,000 -1,000
Rating:
3.73
(22)
Version:
1.1.16 Last updated: 2024-08-16
Creation date:
2021-03-06
Risk:
Moderate risk impact Very low risk likelihood
Permissions:
  • storage
  • scripting
Host permissions:
  • http://*/*
  • https://*/*
Size:
262.00KB
Email:
de*****@andreadev.it
Full description:
See detailed description
Source:
Chrome Web Store
Updated:
a day ago

Ranking

# 9,584 ▼ 704
Other rankings
Upgrade to see more rankings

Other platforms

CSS Stacking Context inspector (v1.1.12)
735 5.00 (9)

User reviews

User reviews for the CSS Stacking Context inspector are mixed. Many find it incredibly useful for debugging and visualizing stacking contexts, praising its effectiveness and time-saving capabilities. However, a significant number of users report issues such as infinite loading spinners, lack of functionality, and failure to work in local development or with certain elements. Some users experience the extension not displaying any actionable information, leading to confusion about its status or operation.
Pros
  • Works perfectly on some versions as reported by users.
  • Very useful for debugging and visualizing stacking contexts.
  • Saves time and effort in web development.
  • Provides helpful visual insights into CSS stacking contexts.
  • Users appreciate it as the only extension that worked for their needs.
Cons
  • Extension sometimes shows an infinite loading spinner and doesn't load properly.
  • Does not work as intended or fail to do anything useful for some users.
  • Fails to work in local development environments or with certain elements.
  • Lacks clear error messages when not functioning, causing confusion.
  • Displays menu without any actionable content or results.
Recent reviews
Doesn't work as intended.
by Tr*****, 2025-05-02
Not really working - doesn't do anything useful to be honest
by La*****, 2024-11-17
Very useful. This was the only extension that actually worked!
by Su*****, 2024-11-08
View all user reviews ›

Extension safety

Risk impact

CSS Stacking Context inspector requires a few sensitive permissions. Exercise caution before installing.

Risk impact analysis details
  • Critical Allows access to all websites, posing a significant security risk as it can monitor and modify data from any visited site.
  • High ******* ******* **** *** ****** ***** *** ***** ** ******* **** ********* ********* ** * *********** *****
  • Medium ****** ** ********* ****** ********* *** **** ****** **** **** ** ******* ** ********** **** ***********
Risk likelihood

CSS Stacking Context inspector has earned a good reputation and can be trusted.

Risk likelihood analysis details
  • High This extension has low user count. Unpopular extensions may not be stable or safe.
  • Low **** ********* *** ******* **** **** * ****** **** ***** ******** *** **** ****** ** ** ****** *** *****
  • Low **** ********* *** ***** **** **** * ****** **** ***** ********** *** **** ****** ** ** ****** *** *****
  • Good **** ********* ** ****** ** ********
  • Good **** ********* *** **** **** *******
Upgrade to see full risk analysis details

Compare extensions

Similar extensions

Here are some Chrome extensions that are similar to CSS Stacking Context inspector:

z-context
gwwar
7K 3.47 (43)
DevTools z-index
ginpei
9K 3.46 (13)
RSC Devtools
Alvar Lagerlöf
2K 4.89 (9)
GraphQL Network Inspector
warrenjday
100K 4.70 (133)
Angular DevTools
Angular
400K 3.78 (170)
Z-index Visualizer
jeong57281
724 5.00 (1)
daily.dev | The homepage developers deserve
https://daily.dev/
400K 4.82 (2,508)
Atomic CSS Devtools
https://astahmer.dev
4K 4.89 (18)
VisBug
https://visbug.web.app/
200K 4.79 (260)
WAVE Evaluation Tool
WebAIM
600K 4.08 (145)
Testing Playground
Stephan Meijer
20K 4.31 (59)
Accessibility Insights for Web
Accessibility Insights Team
100K 4.70 (40)

Popular extensions / apps

Here are some popular extensions / apps that you might be interested in:

Mi Browser
Zhigu Corporation Limited
994M 4.54 (1,112,355)
Microsoft 365 Copilot
Microsoft Corporation
1B 4.64 (7,733,839)
Coupert - Automatic Coupon Finder & Cashback
https://www.coupert.com/
3M 4.73 (9,904)
uBlock Origin Lite
Raymond Hill (gorhill)
6M 4.40 (1,441)
BeautyPlus-Selfie Film Camera
PIXOCIAL TECHNOLOGY (SINGAPORE) PTE. LTD.
487M 4.60 (5,085,540)
AdBlocker Ultimate
AdAvoid Ltd
700K 4.80 (3,210)
CodyCross: Crossword Puzzles
Fanatee, Inc.
107M 4.69 (1,360,667)
Microsoft Outlook
Microsoft Corporation
1B 4.49 (10,184,513)
Adblock Plus
Adblock Plus
3M 4.39 (11,265)
Adblock for YouTube & Chrome - All Block
https://allblock.app
500K 4.52 (2,182)
Run Race 3D — Fun Parkour Game
CASUAL AZUR GAMES
234M 4.41 (1,411,249)
Scribe: AI Documentation, SOPs & Screenshots
https://scribehow.com
1000K 4.81 (746)