You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: compositing-1/Overview.bs
+13-11Lines changed: 13 additions & 11 deletions
Original file line number
Diff line number
Diff line change
@@ -82,6 +82,8 @@ Everything in CSS that creates a <a href="https://www.w3.org/TR/CSS21/zindex.htm
82
82
83
83
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.
84
84
85
+
The root element for an HTML document is the <a href="https://dom.spec.whatwg.org/#document-element">document element</a>.
86
+
85
87
<h3 id="csscompositingrules_SVG">Behavior specific to SVG</h3>
86
88
87
89
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
98
100
<li>masking</li>
99
101
</ul>
100
102
103
+
The root element for SVG is the <a href="https://www.w3.org/TR/SVG11/struct.html#NewDocument">SVG element</a>.
@@ -700,21 +704,19 @@ On the left, the group has the 'knock-out' property activated. On the right, the
700
704
If the 'knock-out' property is disabled, each element within the group is only composited with the elements underneath the group.
701
705
</p>
702
706
-->
703
-
<h3 id="pagebackdrop">The Page Group</h3>
707
+
<h3 id="pagebackdrop">The Root Element Group</h3>
704
708
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.
710
714
711
715
<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.
715
717
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,
0 commit comments