Firefox add-on for examining z-indexes
I'm working on a fairly large site and am having trouble managing z-indexes. Is there a Firefox add-on that will look at a page and give me an ordered list of every element with a z-index declared? That would save a ton of times for the cases where a z-index was wrong or hard to find.
You find it here
When you have installed the Web Developer Extension, choose from its menu
Information > Display Topographic information
I would suggest that you use FireBug http://getfirebug.com/ You can examine you whole dom including z-indexes.
if your the firebug console is not loaded it will give a red border to all the elements with a z-index and perpend the z-index value to the box.
Very old question at this point, but in case anybody else comes by this way, there is still (huh, 'still'... not sure if it existed when the question was posted originally or not) a Firefox add-on called 'Tilt 3D' that offers a 3D view of a webpage and is excellent for diagnosing z-index issues.
Firefox even had the same feature embedded in some kind of preview form for a few versions but later removed it. The above add-on has not been updated since 2011, but still works for the time being. Health warning though: multi-process support in Firefox is progressively coming to life with successive Firefox versions, and this add-on does not work with multi-process (also referred to as Electrolysis or just 'e10s') support enabled. More information here: