DevTools z-index icon

DevTools z-index

by ginpei

v1.2.0 Updated Jun 17, 2024 22.53KiB
CWS
8K
Users
★ 3.33
12 reviews
#8715
of 207.5K
developer
#759 of 18.1K
⚠️Not updated in over a year

Description

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` !!
DevTools z-index screenshot 1DevTools z-index screenshot 2

Reviews (5 cached)

★☆☆☆☆2022-07-25
Jia Shan

Didn't work.

★☆☆☆☆2020-03-08
Giap Van Doan

not working

★☆☆☆☆2019-12-31
Back Track Grey Hat

Not even showing up in dev tools ;.;

★☆☆☆☆2019-01-23
sense locke

Doesn't work, man. Click z-index tab, see "Note: Inspecting element works only looking its selector for now. You would get a wrong element that can be selected by the same selector". Absolutely no information.

★★★☆☆2021-09-15
Joel Kuhn

Make sure you fully restart chrome after adding or the pane will not be there. Unfortunately this plugin does not handle parents, so it doesn't actually reflect how the browser will render z-order.

Details

Version 1.2.0
Updated Jun 17, 2024
Size 22.53KiB
First Seen Apr 1, 2026