The Layers panel lists all layers (a layer is a set of <div> tags that is set to either relative or absolute position) in the current web page. You can use the panel to add or delete layers from a web page, and to modify each layer's ID name, stacking order (z-index value), or visibility.

Layers panel

In Design view, use Draw Layer  to create a new layer by dragging in a web page.

Click Insert Layer  to add a new layer where your cursor is located in your web page.

Click the plus sign  or minus sign  next to the ID of a layer that contains nested layers to expand or collapse the list of nested layers.

The ID of a layer that is nested within another layer appears indented under the parent layer.

Selected layers appear highlighted in the panel.

Icons appear in the Layer Visibility column next to layers that contain a visibility property, either visible  or hidden . Layers that don't have an icon are visible by default but don't contain a visibility property. You can click a Layer Visibility icon to change the layer's visibility or remove the property.

The Layer Z-Index column shows the value of a layer's z-index property, which defines the order of the layer along the z-axis. Layers are automatically listed in ascending order.

The Layer ID column display the value of each layer's ID attribute. Each layer must have a unique ID to distinguish it from other layers and other content that is using this attribute.

See also