File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff 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
You can’t perform that action at this time.
0 commit comments