DevTools z-index
开发者工具 / Developer Tools
Print all elements with z-index sorted by that number.
用户数
7K
评分
3.3
评论数
12
7 天增长
0|0%
稳定信号未识别低风险权限组合
z-context
A Chrome DevTools Extension that displays stacking contexts and z-index values in the elements panel
用户数6K当前公开安装规模
评分3.5商店平均评分
评论数43公开评论体量
Manifest 版本V3插件平台版本
7日增长0近 7 天净增用户
7日增长率0%相对周增长速度
视觉预览
2 项素材z-context 媒体预览
趋势
用户增长趋势
按已采集快照查看用户数变化。
用户增长趋势
评分趋势
近 7 日评分趋势
展示最近 7 日窗口内已采集的评分快照，辅助判断近期评分是否稳定。
7 日评分变化
起始值
3.47
最新值
3.47
7 日评分变化
0.00
2026年7月20日2026年7月26日
增长概览
日/周/月增长表现
同口径展示 1 天、7 天、30 天的绝对增长与增长率。
1日增长持平
00%7日增长持平
00%30日增长持平
00%技术摘要
版本、语言与抓取信息
查看发布时间、版本、支持语言、最近更新和抓取时间。
版本3.0.0
ManifestV3
大小30.48KiB
语言数1English
发布时间
最近更新
最近抓取
English
简介
插件简介
查看插件说明、主要功能和适用场景。
Why use it? Browsers support a hierarchy of stacking contexts, rather than a single global one. This means that z-index values are often used incorrectly, and arbitrarily high values get set.
By Using Z-Context, you'll know:
- If the current element creates a stacking context, and why
- What its parent stacking context is
- The z-index value
--------
评价
最新评论快照
查看最近评论和评分分布。
商店综合星级3.5Chrome 商店给出的聚合评分，包含只有打分但没有同步评论正文的情况
已同步评论均分3.1仅基于下方已同步评论正文计算
有内容评论33已同步的评论正文数量
总评分/评论数43Chrome 商店公开评分/评论计数
商店综合星级：3.5。下方星级分布只统计已同步评论正文；如果某个插件只有公开分数、没有真实评论正文，这里可能为空。
相关推荐
同类与相关插件
查看 Chrome 商店详情页中的相关产品。
CSS Stacking Context inspector
开发者工具 / Developer Tools
付费置信度 55
Helps inspecting the css stacking contexts and solving the z-index war.
用户数
9K
评分
3.8
评论数
23
7 天增长
0|0%
CSS Used
开发者工具 / Developer Tools
Get all css rules used by the selected DOM and its descendants.
用户数
60K
评分
4.4
评论数
199
7 天增长
0|0%
Z-index Visualizer
开发者工具 / Developer Tools
A tool that visualizes (2.5D) the stacking contexts of web pages.
用户数
807
评分
5.0
评论数
1
7 天增长
-20|-2.42%
Dimensions
开发者工具 / Developer Tools
A tool for designers to measure screen dimensions
用户数
100K
评分
4.2
评论数
461
7 天增长
0|0%
Positionable!
开发者工具 / Developer Tools
An extension for visually manipulating elements in the browser.
用户数
1K
评分
3.3
评论数
35
7 天增长
0|0%
I guess this extension might be useful, but it doesn't show every stacking contexts. In my case it didn't show that positioning an element to fixed or sticky creates a stacking context, even without any opacity or z-index rule. as it can be seen here https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context and as it definitely applies.
Occurred to be very helpful when I stuck with debugging z-index issue in markup. Would be very nice if displayed properties *current* and *parentStackingContext* will point to real DOM nodes in Elements tab, not just strings with class names (which sometimes are absent when element has inline styles).
You have to completely restart Chrome for this extension to start working. Took me a while to figure that out.
Great to understand/debug your z-indexes and stacking contexts. Should def be in DevTools natively :) Thanks heaps.
Could not see the tab in dev tools , even after restarting and refresh . A good how to is helpful
Insanely helpful. I've spent hours trying to figure out the stacking context of my elements, while this extension helped solve my problem in a few minutes.
This extension is very helpful. But I wasted a ton of time because of the bug in it. It reports new stacking context for any value of "will-change", even smth like "will-change: left", which obviously doesn't create a stacking context. According to the spec: "Element with a will-change value specifying any property that would create a stacking context on non-initial value"
Perfect to find out which stacking context an element belongs to.
awesome extension. so useful for debugging unexpected z-index behaviour.
Awesome: very useful for checking an element z-index