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.
|
|
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. |
to create a new layer by dragging in a web page.
to add a new layer where your cursor is located in your web page.
or minus sign 
next to the ID of a layer that contains nested layers to expand or collapse the list of nested layers.
or hidden 
. Layers that don't have an icon are visible by default but don't contain a visibility property. You can click a 
