Skip to content

Commit 3cf39b6

Browse files
chrishtrsvgeesus
authored andcommitted
Merge pull request w3c#386 from chrishtr/fixcompositing
Fix text to specify correct blend-mode on the root element
1 parent f0f7d22 commit 3cf39b6

1 file changed

Lines changed: 13 additions & 11 deletions

File tree

compositing-1/Overview.bs

Lines changed: 13 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -82,6 +82,8 @@ Everything in CSS that creates a <a href="https://www.w3.org/TR/CSS21/zindex.htm
8282

8383
An element that has blending applied, must blend with all the underlying content of the <a spec="css21">stacking context</a> [[!CSS21]] that that element belongs to.
8484

85+
The root element for an HTML document is the <a href="https://dom.spec.whatwg.org/#document-element">document element</a>.
86+
8587
<h3 id="csscompositingrules_SVG">Behavior specific to SVG</h3>
8688

8789
By default, every element must create a <a href="#isolatedgroups">non-isolated group</a>.
@@ -98,6 +100,8 @@ However, certain operations in SVG will create <a href="#isolatedgroups">isolate
98100
<li>masking</li>
99101
</ul>
100102

103+
The root element for SVG is the <a href="https://www.w3.org/TR/SVG11/struct.html#NewDocument">SVG element</a>.
104+
101105
<h3 id="csskeywords">CSS Properties</h3>
102106

103107
<h4 id="mix-blend-mode">The 'mix-blend-mode' property</h4>
@@ -700,21 +704,19 @@ On the left, the group has the 'knock-out' property activated. On the right, the
700704
If the 'knock-out' property is disabled, each element within the group is only composited with the elements underneath the group.
701705
</p>
702706
-->
703-
<h3 id="pagebackdrop">The Page Group</h3>
707+
<h3 id="pagebackdrop">The Root Element Group</h3>
704708

705-
The <a href="#isolatedgroups">isolated group</a for the root element is the
706-
page group. All other elements and groups are composited into this group.
707-
The background of the root element (if specified) is painted into the page
708-
group, and any filter, clip-path, mask and and opacity is then applied, before
709-
compositing into the <a href="#rootgroup">root group</a>.
709+
The <a href="#isolatedgroups">isolated group</a> for the root element is the
710+
root element group. All other elements and groups are composited into this group. The background of the root element (if specified) is painted into the
711+
root element group, and any filter, clip-path, mask and and opacity is then
712+
applied, before compositing into the <a href="#rootgroup">root group</a>,
713+
if present.
710714

711715
<h3 id="rootgroup">The Root Group</h3>
712-
The root group is the final compositing output, and is is above the page
713-
group. Compositing of the page group into the root group is performed with the
714-
specified blend mode of the root element.
716+
The root group encompasses the entire canvas and contains (or is below) the root element group of the root element of a web page.
715717

716-
<p class="note">Browsers often use an infinite white, 100% opaque root group,
717-
for final compositing, but this is not required. One example is an iframe with a transparent background.
718+
<p class="note">Browsers often use an infinite <a href="https://www.w3.org/TR/css-color-4/#sample">white, 100% opaque</a> root group,
719+
for final compositing, but this is not required.
718720

719721
<h2 id="advancedcompositing">Advanced compositing features</h2>
720722

0 commit comments

Comments
 (0)