Skip to content

Commit 2caf90b

Browse files
committed
[css-color-4] overlapping glyphs and opacity, w3c#5139
1 parent 5201aae commit 2caf90b

2 files changed

Lines changed: 43 additions & 0 deletions

File tree

css-color-4/Overview.bs

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3077,6 +3077,21 @@ Transparency: the 'opacity' property</h2>
30773077
an opaque child occluding part of the element's background will continue to do so even when 'opacity' is less than 1,
30783078
but the element and child as a whole will show the underlying page through themselves.
30793079

3080+
<!-- needs a code example and rendered result for those two cases -->
3081+
3082+
It also means that the glyphs
3083+
corresponding to all characters in the element
3084+
are treated <em>as a whole</em>;
3085+
any overlapping portions do not increase the opacity.
3086+
3087+
<figure>
3088+
<img src="images/joining-and-transparency.svg"
3089+
alt="overlapping glphs rendered correctly, and incorrectly">
3090+
<figcaption>
3091+
Correct and incorrect rendering of text whose glyphs overlap.
3092+
</figcaption>
3093+
</figure>
3094+
30803095
If a box has 'opacity' less than 1,
30813096
it forms a <a>stacking context</a> for its children.
30823097
(This prevents its contents from interleaving in the z-axis

0 commit comments

Comments
 (0)