11<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
22<html lang="en">
3- <!-- $Id: visuren.src,v 2.158 2010-05-12 15:27:05 bbos Exp $ -->
3+ <!-- $Id: visuren.src,v 2.159 2010-07-07 12:34:06 bbos Exp $ -->
44<head>
55<title>Visual formatting model</title>
66<meta name="editor" lang="tr" content="Tantek Çelik">
@@ -290,7 +290,7 @@ follows:
290290 <li>Let <var>B</var> be the first of <var>A</var>'s following <a
291291 href="conform.html#sibling">siblings</a> that is neither floating
292292 nor <a href="visuren.html#absolutely-positioned">absolutely
293- positioned nor has 'display: none'. If <var>B</var> exists and has a
293+ positioned</a> nor has 'display: none'. If <var>B</var> exists and has a
294294 specified value for 'display' of 'block' or 'list-item' and is not
295295 <a href="conform.html#replaced-element">replaced,</a> then
296296 <var>A</var> is rendered as an 'inline' element at the start of
@@ -1876,25 +1876,28 @@ class="propinst-z-index">'z-index'</span> property</h3>
18761876
18771877<p>For a positioned box, the <span
18781878class="propinst-z-index">'z-index'</span> property specifies:
1879- </p>
1879+
18801880<ol>
1881- <li>The stack level of the box in the current stacking context.</li>
1882- <li>Whether the box establishes a local stacking context.</li>
1881+ <li>The stack level of the box in the current stacking context.
1882+
1883+ <li>Whether the box establishes a stacking context.
18831884</ol>
18841885
1885- <p>Values have the following meanings:</p>
1886+ <p>Values have the following meanings:
18861887
18871888<dl>
1888- <dt><span class="index-inst" title="<integer>"><span
1889- class="value-inst-integer"><strong><integer></strong></span></span></dt>
1890- <dd>This integer is the stack level of the generated box
1891- in the current stacking context. The box
1892- also establishes a local stacking context in which its stack
1893- level is '0'.</dd>
1894- <dt><strong>auto</strong></dt>
1895- <dd>The stack level of the generated box in the current stacking
1896- context is the same as its parent's box. The
1897- box does not establish a new local stacking context.</dd>
1889+ <dt><span class="index-inst" title="<integer>"><span
1890+ class="value-inst-integer"><strong><integer></strong></span></span>
1891+
1892+ <dd>This integer is the stack level of the generated box in the
1893+ current stacking context. The box also establishes a new stacking
1894+ context.
1895+
1896+ <dt><strong>auto</strong>
1897+
1898+ <dd>The stack level of the generated box in the current stacking
1899+ context is '0'. The box does not establish a new stacking context
1900+ unless it is the root element.
18981901</dl>
18991902
19001903<p><em>In this section, the expression "in front of"
@@ -1914,11 +1917,12 @@ the point of view of its parent stacking context; boxes in other
19141917stacking contexts may not come between any of its boxes.
19151918</p>
19161919<p>Each box belongs to one <span class="index-def" title="stacking
1917- context"><dfn>stacking context</dfn></span>. Each box in a given
1918- stacking context has an integer <span class="index-def" title="stack
1919- level"><a name="stack-level"><dfn>stack level</dfn></a></span>, which
1920- is its position on the z-axis relative to other boxes in the same
1921- stacking context. Boxes with greater stack levels are always formatted
1920+ context"><dfn>stacking context</dfn></span>. Each positioned box in a
1921+ given stacking context has an integer <span class="index-def"
1922+ title="stack level"><a name="stack-level"><dfn>stack
1923+ level</dfn></a></span>, which is its position on the z-axis relative
1924+ other stack levels within the same stacking context. Boxes with
1925+ greater stack levels are always formatted
19221926in front of boxes with lower stack levels. Boxes may have negative
19231927stack levels. Boxes with the same stack level in a stacking context
19241928are stacked back-to-front according to document tree order.
@@ -1934,33 +1938,41 @@ introduce stacking contexts, for example '<a
19341938href="http://www.w3.org/TR/css3-color/#transparency">opacity</a>'
19351939[[-CSS3COLOR]].
19361940</p>
1937- <p>
1938- Each stacking context consists of the following
1939- stacking levels (from back to front):
1940- </p>
1941+
1942+ <p>Within each stacking context, the following layers are painted in
1943+ back-to- front order.
1944+
19411945<ol>
1942- <li>the background and borders of the element forming the stacking context.</li>
1943- <li>the stacking contexts of descendants with negative stack
1944- levels.</li>
1945- <li>a stacking level containing in-flow non-inline-level
1946- non-positioned descendants.</li>
1947- <li>a stacking level for non-positioned floats and their contents.</li>
1948- <li>a stacking level for in-flow inline-level non-positioned descendants.</li>
1949- <li>a stacking level for positioned descendants with 'z-index:
1950- auto', and any descendant stacking contexts with 'z-index: 0'.</li>
1951- <li>the stacking contexts of descendants with positive stack levels.</li>
1946+ <li>the background and borders of the element forming the stacking
1947+ context.
1948+
1949+ <li>the child stacking contexts with negative stack levels (most
1950+ negative first).
1951+
1952+ <li>the in-flow, non-inline-level, non-positioned descendants.
1953+
1954+ <li>the floating descendants.
1955+
1956+ <li>the in-flow, inline-level, non-positioned descendants, including
1957+ inline tables and inline blocks.
1958+
1959+ <li>the stacking contexts with stack level 0, and the positioned
1960+ descendants with 'z-index: auto'.
1961+
1962+ <li>the child stacking contexts with positive stack levels (least
1963+ positive first).
19521964</ol>
1953- <p>
1954- For a more thorough explanation of the stacking order, please see <a href="zindex.html">Appendix E</a>.
1955- </p>
1956- <p>
1957- The contents of inline blocks and inline tables are stacked as if
1958- they generated new stacking contexts, except that any positioned
1959- elements and any elements that
1960- actually create new stacking contexts take part in the parent
1961- stacking context. They are then painted atomically in the inline
1962- stacking level.
1963- </p >
1965+
1966+ <p>Positioned elements with 'z-index: auto' (in layer 6), floats
1967+ (layer 4), inline blocks (layer 5), and inline tables
1968+ (layer 5), are painted as if those elements generated new
1969+ stacking contexts, except that their positioned descendants and any
1970+ child stacking contexts take part in the current stacking context.
1971+
1972+ <p>This painting order is applied recursively to each stacking
1973+ context. This description of stacking context painting order
1974+ constitutes an overview of the detailed normative definition in
1975+ <a href="zindex.html">Appendix E.</a >
19641976
19651977<div class="html-example">
19661978<p>In the following example, the stack levels of
0 commit comments