Z-Indexing with position relative and absolute

A

B

C

D

E

F

Example:12

np.

ap. z = 2

ap. z = 1

ap. z = 0

ap. z = -1

ap. z = -2

ap.

rp. z = 1

ap. z = 2

ap. z = 1

ap. z = 0

ap. z = -1

ap. z = -2

ap.

This demo is in draft form and is very unfinished.

Please see this test page for the rest of the examples

Unlike the previous examples (see above link) hovering over the ap. green box in example 12b above will increase it's z-index by plus 1 in all browser so the green box will overlap the blue box.

Back to CSS Class tests.