Skip to content

Commit 80e8f9e

Browse files
committed
[css2] Applied edits for issue 60
http://wiki.csswg.org/spec/css2.1#issue-60 modified by http://www.w3.org/mid/201007071429.43371.bert@w3.org --HG-- extra : convert_revision : svn%3A73dc7c4b-06e6-40f3-b4f7-9ed1dbc14bfc/trunk%402988
1 parent 3fe352c commit 80e8f9e

2 files changed

Lines changed: 62 additions & 49 deletions

File tree

css2/visuren.src

Lines changed: 58 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
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 &Ccedil;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
18781878
class="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="&lt;integer&gt;"><span
1889-
class="value-inst-integer"><strong>&lt;integer&gt;</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="&lt;integer&gt;"><span
1890+
class="value-inst-integer"><strong>&lt;integer&gt;</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
19141917
stacking 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
19221926
in front of boxes with lower stack levels. Boxes may have negative
19231927
stack levels. Boxes with the same stack level in a stacking context
19241928
are stacked back-to-front according to document tree order.
@@ -1934,33 +1938,41 @@ introduce stacking contexts, for example '<a
19341938
href="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&nbsp;6), floats
1967+
(layer&nbsp;4), inline blocks (layer&nbsp;5), and inline tables
1968+
(layer&nbsp;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&nbsp;E.</a>
19641976

19651977
<div class="html-example">
19661978
<p>In the following example, the stack levels of

css2/zindex.src

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
22
<html lang="en">
3-
<!-- $Id: zindex.src,v 2.18 2008-06-25 16:20:36 bbos Exp $ -->
3+
<!-- $Id: zindex.src,v 2.19 2010-07-07 12:32:20 bbos Exp $ -->
44
<HEAD>
55
<TITLE>Elaborate description of Stacking Contexts</TITLE>
66
</HEAD>
@@ -53,8 +53,9 @@ z-index: canvas -1 0 1 2
5353
and contains the root element. Initially, the viewport is anchored
5454
with its top left corner at the canvas origin.
5555

56-
<p>The stacking order for an element generating a stacking context
57-
(see the 'z-index' property) is:
56+
<p>The painting order for the descendants of an element generating
57+
a stacking context (see the <span
58+
class="propinst-z-index">'z-index'</span> property) is:
5859

5960
<ol class=stack>
6061
<li>

0 commit comments

Comments
 (0)