Skip to content

Commit 1e7d5e5

Browse files
committed
[css-color-4] clarify opacity prperty vs. opacity as part of color, for overlapping text
1 parent a4472c1 commit 1e7d5e5

1 file changed

Lines changed: 9 additions & 2 deletions

File tree

css-color-4/Overview.bs

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4245,14 +4245,21 @@ Transparency: the 'opacity' property</h2>
42454245
are treated <em>as a whole</em>;
42464246
any overlapping portions do not increase the opacity.
42474247

4248-
<figure>
4248+
<figure id="arabic-opacity-rendering">
42494249
<img src="images/joining-and-transparency.svg"
42504250
alt="overlapping glphs rendered correctly, and incorrectly">
42514251
<figcaption>
4252-
Correct and incorrect rendering of text whose glyphs overlap.
4252+
Correct and incorrect rendering of text
4253+
with an 'opacity' value of less than one,
4254+
whose glyphs overlap.
42534255
</figcaption>
42544256
</figure>
42554257

4258+
If separate opacity for each glyph is desired,
4259+
it can be achieved by using a color value
4260+
which includes opacity,
4261+
rather than setting the 'opacity' property.
4262+
42564263
If a box has 'opacity' less than 1,
42574264
it forms a <a>stacking context</a> for its children.
42584265
(This prevents its contents from interleaving in the z-axis

0 commit comments

Comments
 (0)