BrowserTricks Logo
All ToolsTricksFeatures
PDF ToolsImage ToolsVideo ToolsSpreadsheetText ToolsData ToolsEncodeCryptoWeb ToolsConvertersCode UtilsNetworkCSS GenSpecialTricks

    3D Visual Stack (Z-Index) View

    Debug 'hide-and-seek' UI issues by visualizing the DOM stacking in a 3D space.

    Power-User Tips

    Curated tricks for Chrome, Edge, Brave, Vivaldi & Opera GX.

    Hidden Features

    Discover experimental flags, DevTools hacks, and productivity boosters.

    Back to Developer Tools

    3D Visual Stack (Z-Index) View

    Edge

    Inspection & Analysis • developer

    What It Does

    Debug 'hide-and-seek' UI issues by visualizing the DOM stacking in a 3D space.

    Quick Summary

    Open the '3D View' panel in DevTools.

    Step-by-Step Instructions

    1. 1

      DevTools > 'More Tools' (three dots) > '3D View'.

    2. 2

      Navigate to the 'Z-index' tab.

    3. 3

      Rotate the mock-up to see exactly which elements are on top of others.

    More in Inspection & Analysis

    Visual CSS Coverage

    Identify exactly which lines of CSS aren't being used on the current page load.

    Persistent Edits with Local Overrides

    Save CSS and JS changes you make in DevTools permanently to your desk.