Changing the stacking order of layers

Changing the stacking order of layers

Use the Property inspector or the Layers panel to change the stacking order of layers. The layer at the top of the Layers panel list is at the top of the stacking order, and appears in front of the other layers.

In HTML code, the stacking order, or z-index, of the layers determines the order in which they are drawn in a browser. The higher the z-index of a layer, the higher that layer is in the stacking order. You can change the z-index for each layer using the Layers panel or Property inspector.

To change the stacking order of layers in the Layers panel:

  1. Select Window > Layers to open the Layers panel.
  2. Drag a layer up or down to the desired stacking order.

    A line appears as you move the layer, indicating where the layer will appear. Release the mouse button when the placement line appears in the desired place in the stacking order.

To change the stacking order of layers using the Property inspector:

  1. Select Window > Layers to open the Layers panel to see the current stacking order.
  2. Select a layer in the Layers panel or in the Document window.
  3. In the layer Property inspector (Window > Properties), type a number in the Z-Index text box.
    • Type a higher number to move the layer up in the stacking order.
    • Type a lower number to move the layer down in the stacking order.

Related topics

  • Using the Layers panel
  • Selecting layers
  • Changing layer visibility


Getting Started with Dreamweaver
Dreamweaver Basics
Working with Dreamweaver Sites
Laying Out Pages
Laying Out Pages with CSS
Managing Templates
Adding Content to Pages
Working with Page Code
Preparing to Build Dynamic Sites
Making Pages Dynamic
Developing Applications Rapidly
 
ASPTreeView.com
 
Evaluation has ТКО·іАexpired.
Info...