Dynamic Layers > 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.

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

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

Choose Window > Layers to open the Layers panel. Then do one of the following:

	Select and drag a layer up or down to the desired stacking order. You'll see a line appear as you move the layer. Release the mouse button when the placement line appears in the desired stacking order.
	In the Z column, click the number of the layer you are changing. Type a higher number than the existing number to move the layer up in the stacking order, or type a lower number to move the layer down in the stacking order.

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

1	Choose 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, type a number in the Z-index field.
	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.