mozilla

Compare Revisions

z-index

Change Revisions

Revision 8452:

Revision 8452 by Mgjbot on

Revision 8453:

Revision 8453 by DBaron on

Title:
z-index
z-index
Slug:
CSS/z-index
CSS/z-index
Tags:
css, "CSS Reference", NeedsMobileBrowserCompatibility
css, "CSS Reference", NeedsMobileBrowserCompatibility
Content:

Revision 8452
Revision 8453
n14      The z-index property specifies the order of the element alon14      The z-index property specifies the z-order of an element an
>ng the z axis. Larger number are displayed in front of lower numb>d its descendants. When elements overlap, z-order determines whic
>ers, negative numbers are allowed. Elements start at point 0 alon>h one covers the other. An element with a larger z-index generall
>g this axis.>y covers an element with a lower one.
n17      <li>Initial Value: 0n17      <li>
18        <a href="en/CSS/initial_value">Initial value</a>: auto
n19      <li>Applies to: positioned elementsn20      <li>Applies to: <a href="en/CSS/position">positioned elemen
 >ts</a>
n21      <li>Inherited: Yesn22      <li>
23        <a href="en/CSS/inherited_and_non-inherited_properties">I
 >nherited</a>: no
24      </li>
25      <li>Media: <a href="en/CSS/Media/Visual">Visual</a>
26      </li>
27      <li>
28        <a href="en/CSS/computed_value">Computed value</a>: as sp
 >ecified
n28      <b>z-index: {{mediawiki.external('integer value')}}</b>n35      z-index: auto | &lt;integer&gt; | <a href="en/CSS/inherit">
 >inherit</a>
nn37    <h3 name="Values">
38      Values
39    </h3>
40    <dl>
41      <dt>
42        auto&nbsp;
43      </dt>
44      <dd>
45        The element is drawn at the same z-order as an element wi
 >th <code>z-index: 0</code>. It does <i>not</i> create a new stack
 >ing context.
46      </dd>
47      <dt>
48        &lt;integer&gt;&nbsp;
49      </dt>
50      <dd>
51        The element is drawn at the z-order given. It also create
 >s a new stacking context, which means that all of its descendants
 > also draw at that z-index. This means that the z-indexes of desc
 >endants are not compared to the z-indexes of elements outside thi
 >s element.
52      </dd>
53    </dl>
tt57    <h3 name="Notes">
58      Notes
59    </h3>
60    <h3 name="Specifications">
61      Specifications
62    </h3>
63    <ul>
64      <li>
65        <a class="external" href="http://www.w3.org/TR/CSS21/visu
 >ren.html#z-index">CSS 2.1</a>
66      </li>
67    </ul>
68    <h3 name="Browser_compatibility">
69      Browser compatibility
70    </h3>
71    <h3 name="See_also">
72      See also
73    </h3>
33    <pre>74    <p>
34div {75      {{template.Cssxref("position")}}
35        z-index: 1;
36}
37 
38h1 {
39        z-index: -1;
40
41</pre>{{ wiki.languages( { "fr": "fr/CSS/z-index", "pl": "pl/CSS/76    </p>{{ wiki.languages( { "fr": "fr/CSS/z-index", "pl": "pl/CS
>z-index" } ) }}>S/z-index" } ) }}

Back to History