The higher
the value, the closer the box is to the
user; in other words, a box with a high
z-index will obscure a box with a lower
z-index occupying the same location
along the x and y axes.
has stack level 0 (zero) in the new context.
The value auto gives the box the same stack level as its parent, and doesn??™t establish
a new stacking context.
Compatibility
SPEC
version initial inherited
CSS2 auto NO
BROWSER SUPPORT
Op9.2+ Saf1.3+ FF1+ IE5.5+
FULL FULL BUGGY BUGGY
Example
This style rule makes the element with ID
"warning" absolutely positioned and
assigns it a higher stack level than its
siblings:
#warning {
position: absolute;
z-index: 1;
}
See Stacking Contexts (p. 179) for more information about stacking contexts.
Value
An integer value??”which can be negative??”sets the stack level of the box in the
current stacking context, and also establishes a new stacking context. The box itself
Layout Properties
Opera Safari Firefox Internet Explorer
9.2 3.0 2.0 1.
Pages:
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424