Layers task pane

The Layers task pane lists all layers (a set of <div> tags that are set to either relative or absolute position) in the current web page. You can use the task pane 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 task pane

  1. In Design view, use the Draw Layer button Cc294845.1887966e-1875-4610-815a-64a9c4f83952(en-us,Expression.10).gif to create a new layer by dragging in a web page.

  2. Click the Insert Layer Cc294845.0076fcee-7091-4424-aefc-0e52d83d6d0b(en-us,Expression.10).gif button to add a new layer where your cursor is located in your web page.

  3. Selected layers appear highlighted in the task pane.

  4. Icons appear in the Layer Visibility column next to layers that contain a visibility property, either visible Cc294845.5ab3cab6-b7e1-4b2a-b863-c515d56f46fc(en-us,Expression.10).gif or hidden Cc294845.64641abe-e695-431b-afa4-e1d4299d9dc6(en-us,Expression.10).gif. 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.

  5. 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.

  6. 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.

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

  8. Click the plus sign Cc294845.ddcfc4ed-7a45-416a-94ec-90b6e395faf3(en-us,Expression.10).gif or minus sign Cc294845.05c9006c-5732-4fe1-9614-e3aba764dca1(en-us,Expression.10).gif next to the ID of a layer that contains nested layers to expand or collapse the list of nested layers.

Community Additions