DevTools z-index

Print all elements with z-index sorted by that number.

What is DevTools z-index?

DevTools z-index is a Chrome extension designed to ease the process of managing and understanding your webpage layering. With this tool, you gain a pane in your DevTools' Elements panel showing all elements sorted by their z-index value. It offers an easy way to visualize z-index stacking order, which aids in reducing the instances of z-index high values like 999999. A must-have solution for developers aiming for cleaner, more efficient CSS styling.

Download

Extension stats

By: ginpei

View on Chrome Web Store

Users: 9,000+

Rating: 3.46 (13)

Version: 1.2.0 (Last updated: 2024-06-17)

Creation date: 2019-09-04

Risk impact: Low risk impact

Risk likelihood: Very low risk likelihood

Manifest version: 3

Size: 23.07K

Email: gi*****@ginpei.dev

Ranking

# 11119 ▼ 25

Other rankings

#773 in Developer Tools ▼ 3

Other platforms

DevTools z-index (v1.2.0)

4.00

(1) 240

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

Adds "z-index" pane to DevTools' Elements panel. It shows ranking of elements sorted by z-index value. This would help you to reduce z-index numbers.

Stop z-index: 999999 !!

User reviews

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.

Pros