|
1 | 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> |
2 | 2 | <html lang="en"> |
3 | | -<!-- $Id: visuren.src,v 2.179 2011-03-04 19:27:23 bbos Exp $ --> |
| 3 | +<!-- $Id: visuren.src,v 2.180 2011-03-04 20:18:22 bbos Exp $ --> |
4 | 4 | <head> |
5 | 5 | <title>Visual formatting model</title> |
6 | 6 | <meta name="editor" lang="tr" content="Tantek Çelik"> |
@@ -2017,7 +2017,7 @@ class="propinst-z-index">'z-index'</span> property specifies: |
2017 | 2017 | <dt><strong>auto</strong> |
2018 | 2018 |
|
2019 | 2019 | <dd>The stack level of the generated box in the current stacking |
2020 | | - context is '0'. The box does not establish a new stacking context |
| 2020 | + context is 0. The box does not establish a new stacking context |
2021 | 2021 | unless it is the root element. |
2022 | 2022 | </dl> |
2023 | 2023 |
|
@@ -2061,49 +2061,41 @@ href="http://www.w3.org/TR/css3-color/#transparency">opacity</a>' |
2061 | 2061 | </p> |
2062 | 2062 |
|
2063 | 2063 | <p>Within each stacking context, the following layers are painted in |
2064 | | -back-to-front order. |
| 2064 | +back-to-front order: |
2065 | 2065 |
|
2066 | 2066 | <ol> |
2067 | 2067 | <li>the background and borders of the element forming the stacking |
2068 | 2068 | context. |
2069 | 2069 |
|
2070 | | - <li>the stacking contexts of descendants <!-- or: the child stacking |
2071 | | - contexts --> with negative stack levels (most negative first). |
| 2070 | + <li>the child stacking contexts with negative stack levels (most |
| 2071 | + negative first). |
2072 | 2072 |
|
2073 | 2073 | <li>the in-flow, non-inline-level, non-positioned descendants. |
2074 | 2074 |
|
2075 | | - <li><!-- the --> non-positioned floats. |
| 2075 | + <li>the non-positioned floats. |
2076 | 2076 |
|
2077 | | - <li><!-- the --> in-flow, inline-level, non-positioned descendants, including |
| 2077 | + <li>the in-flow, inline-level, non-positioned descendants, including |
2078 | 2078 | inline tables and inline blocks. |
2079 | 2079 |
|
2080 | | - <li>positioned descendants and stacking contexts with stack level |
2081 | | - '0'. <!-- or: the child stacking contexts with stack level 0, and |
2082 | | - the positioned descendants with 'z-index: auto'. --> |
| 2080 | + <li>the child stacking contexts with stack level 0 and the |
| 2081 | + positioned descendants with stack level 0. |
2083 | 2082 |
|
2084 | | - <li>the stacking contexts of descendants <!-- or: the child stacking |
2085 | | - contexts --> with positive stack levels (least positive first). |
| 2083 | + <li>the child stacking contexts with positive stack levels (least |
| 2084 | + positive first). |
2086 | 2085 | </ol> |
2087 | 2086 |
|
| 2087 | +<p>Within each stacking context, positioned elements with stack level |
| 2088 | +0 (in layer 6), non-positioned floats (layer 4), inline |
| 2089 | +blocks (layer 5), and inline tables (layer 5), are painted |
| 2090 | +as if those elements themselves generated new stacking contexts, |
| 2091 | +except that their positioned descendants and any would-be child |
| 2092 | +stacking contexts take part in the current stacking context. |
| 2093 | + |
2088 | 2094 | <p>This painting order is applied recursively to each stacking |
2089 | 2095 | context. This description of stacking context painting order |
2090 | 2096 | constitutes an overview of the detailed normative definition in |
2091 | 2097 | <a href="zindex.html">Appendix E.</a> |
2092 | 2098 |
|
2093 | | -<p>The contents of positioned elements with 'z-index: auto', |
2094 | | -non-positioned floats, inline blocks and inline tables are stacked as |
2095 | | -if they generated new stacking contexts, except that any positioned |
2096 | | -elements and any elements that actually create new stacking contexts |
2097 | | -take part in the parent stacking context. |
2098 | | -<!-- or: |
2099 | | -Positioned elements with 'z-index: auto' (in layer 6), floats |
2100 | | -(layer 4), inline blocks (layer 5), and inline tables |
2101 | | -(layer 5), are painted as if those elements generated new |
2102 | | -stacking contexts, except that their positioned descendants and any |
2103 | | -child stacking contexts take part in the current stacking context. |
2104 | | ---> |
2105 | | - |
2106 | | - |
2107 | 2099 | <div class="html-example"> |
2108 | 2100 | <p>In the following example, the stack levels of |
2109 | 2101 | the boxes (named with their "id" attributes) are: |
|
0 commit comments