See the page in 3D

Categories:

Supported by:

See your page in 3 dimensions to quickly find out how deeply nested it is, fix z-index stacking issues, and performance issues.

In Edge:
- Open the command menu (ctrl+shift+P or cmd+shift+P).
- Type 3D and press Enter.
- In the new panel that opens, switch between the 3 modes: z-index, DOM, and Composited Layers to visualize the page in 3D.
Chrome and Safari also have a Layers panel that provides the same information as Edge's Composited Layers 3D mode.

Screenshot of the 3D view tool showing a page's z-index stacking tree as a 3d scene

More information on Edge's 3D tool in this video: