Wild stab in the dark (I know nothing about Adobe Edge), but in CSS z-index
is irrelevant to statically-positioned content, and effectively treated as 0
. So if all of your elements are statically positioned, that would explain why they all say 0
.
From the CSS 2.1 spec:
Within each stacking context, the following layers are painted in back-to-front order:
1. the background and borders of the element forming the stacking context.
2. the child stacking contexts with negative stack levels (most negative first).
3. the in-flow, non-inline-level, non-positioned descendants.
4. the non-positioned floats.
5. the in-flow, inline-level, non-positioned descendants, including inline tables and inline blocks.
6. the child stacking contexts with stack level 0 and the positioned descendants with stack level 0.
7. the child stacking contexts with positive stack levels (least positive first).
As you can see, #3 in the above (which occurs between elements with negative stacking values and positive ones, e.g., at 0
) applies to elements with the default position
, which is static
. So in effect, z-index
only applies to position: relative
, position: absolute
, etc. elements.