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. 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 > Others > 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. 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.
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:
Choose Window > Others > Layers to open the Layers panel to see the current
stacking order.
Select a layer in the Layers panel or in the Document window.
In the layer Property inspector, 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.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100