Export (0) Print
Expand All
This topic has not yet been rated - Rate this topic

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.30).png

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

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

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

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

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

Click the plus sign Cc294845.0f67b0a5-5b9f-4516-8b67-8b8f844f09ef(en-us,Expression.30).png or minus sign Cc294845.ca4f8b2e-c076-47be-9762-af9c87759e23(en-us,Expression.30).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.30).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.30).png

Selected layers appear highlighted in the panel.

Cc294845.8f73ae30-de6d-49a5-afe3-12a0a84d80a2(en-us,Expression.30).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.30).png or hidden Cc294845.54afa8b5-6d32-4ace-9575-c6d6ac566650(en-us,Expression.30).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.30).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.30).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.

Did you find this helpful?
(1500 characters remaining)
Thank you for your feedback

Community Additions

ADD
Show:
© 2014 Microsoft. All rights reserved.