MDN may have intermittent access issues April 18 13:00 - April 19 01:00 UTC. See whistlepig.mozilla.org for all notifications.

mozilla

Compare Revisions

The stacking context

Change Revisions

Revision 46800:

Revision 46800 by Nickolay on

Revision 46801:

Revision 46801 by Maian on

Title:
The stacking context
The stacking context
Slug:
CSS/Understanding_z-index/The_stacking_context
CSS/Understanding_z-index/The_stacking_context
Tags:
css, Understanding_CSS_z-index
css, Understanding_CSS_z-index
Content:

Revision 46800
Revision 46801
t14      Under certain conditions, a child stacking context can be ct14      Under certain conditions, a child stacking context can be c
>reated within a DIV (or in another element) anywhere in the docum>reated within a DIV (or in another element) anywhere in the docum
>ent. In particular, an element that is positioned (absolutely or >ent. In particular, an element, which is positioned (absolutely o
>relatively) and has a z-index value that is nonzero (or auto), cr>r relatively) and has a z-index value other than "auto", creates 
>eates its own stacking context: All its child elements are stacke>its own stacking context: All its child elements are stacked enti
>d entirely within that context, following the same rules previous>rely within that context, following the same rules previously exp
>ly explained. The z-index values of its child elements only have >lained. The z-index values of its child elements only have meanin
>meaning in that context. The entire DIV and its contents are stac>g in that context. The entire DIV and its contents are stacked as
>ked as a single element in the parent stacking context.> a single element in the parent stacking context.

Back to History