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
.png "Cc294845.ba2fb087-c523-4b8c-b443-faf0d0625d14(en-us,Expression.40).png")
|
In Design view, use Draw Layer |
|
Click Insert Layer |
|
Click the plus sign |
|
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 |
|
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. |
.png "Cc294845.edef891a-6b74-4192-8f7f-5079614b9112(en-us,Expression.40).png")
.png "Cc294845.d6f75c88-0288-4411-a189-8db8b7565386(en-us,Expression.40).png")
to create a new layer by dragging in a web page..png "Cc294845.957413f8-28e0-4dc7-a144-0598679350b9(en-us,Expression.40).png")
.png "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..png "Cc294845.13f14333-cc5f-457a-863b-ccd449500941(en-us,Expression.40).png")
.png "Cc294845.0f67b0a5-5b9f-4516-8b67-8b8f844f09ef(en-us,Expression.40).png")
or minus sign .png "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..png "Cc294845.0a66dad8-587c-4ccb-86ee-5e9cd1ef8c68(en-us,Expression.40).png")
.png "Cc294845.9c26150c-cd15-44bb-bf69-ff72093d3d71(en-us,Expression.40).png")
.png "Cc294845.8f73ae30-de6d-49a5-afe3-12a0a84d80a2(en-us,Expression.40).png")
.png "Cc294845.82546f8f-52cd-4b49-bb51-7f9819aee9c0(en-us,Expression.40).png")
or hidden .png "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..png "Cc294845.3ca58ea1-12d2-4379-9b89-e415efd03ca4(en-us,Expression.40).png")
.png "Cc294845.0ca213c6-20bb-4cd9-9acd-ebc60a53c6bf(en-us,Expression.40).png")
See also
Tasks
Add or remove a layer
Position a layer
Resize a layer
Concepts
Send feedback about this topic to Microsoft. © 2011 Microsoft Corporation. All rights reserved.