Graphics Programs Reference
In-Depth Information
2. Click the border of the new AP div to select it.
Trouble? If the TICKETS AP div becomes selected and moves to the top of
the stack, obscuring the available AP div, click in a blank space to deselect the
TICKETS AP div, then select the available AP div.
3. In the Property inspector, double-click apDiv1 in the CSS-P Element box to select
the text, type available , and then press the Enter key. The ID name changes in
the AP Elements panel.
In the AP Elements panel, AP divs appear in their current stacking order. The available
AP div has a z -index of 2, which means that it is in front of the TICKETS AP div, which
has a z -index of 1. This is evident in the Document window.
To adjust the stacking order of the AP divs in the home page:
1. In the AP Elements panel, select the number 2 to the right of the available AP
div and type 1 . Then select the number 1 at the left of the TICKETS AP div and
type 2 . Press the Enter key.
2. The TICKETS AP div became selected when you changed the z-index number.
Click in the Document window, outside of the AP divs to deselect it. The content
of the available AP div is obscured by the TICKETS AP div. See Figure 4-36.
Figure 4-36
Stacking order being changed in the AP Elements panel
AVAILABLE AP div
still visible because
it is selected
z -index
numbers
changed
3. Select the available AP div. The border of the available AP div becomes yellow.
Although the stacking order has changed its content is visible because the
available AP div is selected. See Figure 4-37.
Search WWH ::




Custom Search