# DevTools z-index

> Adds "z-index" panel to DevTools. It shows ranking of elements sorted by z-index value. This would help you to reduce z-index numbers. Stop \`z-index: 999999\` !!

Canonical page: [https://chrome-stats.com/d/devtools-z-index](https://chrome-stats.com/d/devtools-z-index)

## Overview

- **ID:** `devtools-z-index`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** Ginpei / ギンペイ
- **Category:** web-development,other
- **Daily users:** 165
- **Weekly downloads:** 2
- **Rating:** 4.00 / 5 (1 ratings)
- **Version:** 1.2.0
- **Last updated:** 2024-06-15
- **First published:** 2018-06-19
- **Size:** 26 KB
- **Data as of:** 2026-09-10
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/devtools-z-index/)
- **Website:** [https://github.com/ginpei/devtools-z-index](https://github.com/ginpei/devtools-z-index)

## Description

The DevTools z-index Chrome extension enhances your browser's Developer Tools by adding a dedicated panel that displays all elements ranked according to their z-index values. This feature makes it easier to identify and analyze z-index stacking issues and helps developers optimize their web pages by reducing unnecessarily high z-index values like the common `z-index: 999999`. With this tool, you can achieve cleaner CSS and maintain better control over element layering in your web projects.

Ideal for front-end developers and designers, DevTools z-index streamlines debugging of stacking contexts and improves overall site performance and maintainability by preventing overly complex z-index hierarchies.

## Rankings

- #9,058 — Overall
- #98 — tools
- #134 — value
- #159 — reduce

## Safety

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

### Analysis details

- Access to developer tools, typically low risk unless it's used to inspect or manipulate data improperly.
- 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).

## Similar extensions and apps

- [z-index visualizer](https://chrome-stats.com/d/z-index-visualizer) — 23 users, 1.00 / 5
- [z-context](https://chrome-stats.com/d/z-context) — 4 users
- [ZIndexMap](https://chrome-stats.com/d/zindexmap) — 28 users
- [StackOrder](https://chrome-stats.com/d/stackorder) — 29 users
- [devtools Extension](https://chrome-stats.com/d/devtools-panels-wwh3) — 1 users
- [Display Stack Levels](https://chrome-stats.com/d/display-stack-levels)
- [Dooksa DevTools](https://chrome-stats.com/d/dooksa-devtools)
- [KonvaJS Devtools](https://chrome-stats.com/d/konvajs-devtools) — 26 users
- [Access Tools](https://chrome-stats.com/d/access-tools)
- [Vue Performance Devtool](https://chrome-stats.com/d/vue-performance-devtool) — 156 users, 2.60 / 5
- [Hide Zhihu Topbar](https://chrome-stats.com/d/hide-zhihu-topbar) — 11 users, 5.00 / 5
- [Web Component DevTools](https://chrome-stats.com/d/web-component-devtools) — 960 users, 5.00 / 5

---

Source: [Chrome-Stats](https://chrome-stats.com/d/devtools-z-index)