Export (0) Print
Expand All

Layers panel

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

Cc294845.ba2fb087-c523-4b8c-b443-faf0d0625d14(en-us,Expression.40).png

Cc294845.edef891a-6b74-4192-8f7f-5079614b9112(en-us,Expression.40).png

In Design view, use Draw Layer Cc294845.d6f75c88-0288-4411-a189-8db8b7565386(en-us,Expression.40).png to create a new layer by dragging in a web page.

Cc294845.957413f8-28e0-4dc7-a144-0598679350b9(en-us,Expression.40).png

Click Insert Layer Cc294845.2391e3d1-b8fe-4363-9a28-99c6c672b8e2(en-us,Expression.40).png to add a new layer where your cursor is located in your web page.

Cc294845.13f14333-cc5f-457a-863b-ccd449500941(en-us,Expression.40).png

Click the plus sign Cc294845.0f67b0a5-5b9f-4516-8b67-8b8f844f09ef(en-us,Expression.40).png or minus sign Cc294845.ca4f8b2e-c076-47be-9762-af9c87759e23(en-us,Expression.40).png next to the ID of a layer that contains nested layers to expand or collapse the list of nested layers.

Cc294845.0a66dad8-587c-4ccb-86ee-5e9cd1ef8c68(en-us,Expression.40).png

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

Cc294845.9c26150c-cd15-44bb-bf69-ff72093d3d71(en-us,Expression.40).png

Selected layers appear highlighted in the panel.

Cc294845.8f73ae30-de6d-49a5-afe3-12a0a84d80a2(en-us,Expression.40).png

Icons appear in the Layer Visibility column next to layers that contain a visibility property, either visible Cc294845.82546f8f-52cd-4b49-bb51-7f9819aee9c0(en-us,Expression.40).png or hidden Cc294845.54afa8b5-6d32-4ace-9575-c6d6ac566650(en-us,Expression.40).png. 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.

Cc294845.3ca58ea1-12d2-4379-9b89-e415efd03ca4(en-us,Expression.40).png

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.

Cc294845.0ca213c6-20bb-4cd9-9acd-ebc60a53c6bf(en-us,Expression.40).png

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

Send feedback about this topic to Microsoft. © 2011 Microsoft Corporation. All rights reserved.

Community Additions

ADD
Show:
© 2014 Microsoft