@@ -2662,15 +2662,17 @@ <h3 id="text-shadow"><span class="secno">8.3</span>
26622662 of the shadow effect. If the color is not specified, a UA-chosen color
26632663 will be used.</ p >
26642664
2665- < p > The shadow effects are applied in the order specified
2666- < span class ="issue "> should this be changed to layer the same way
2667- multiple backgrounds do (earlier on top)?</ span >
2668- and may thus overlay each other, but they never overlay the text
2669- itself. Shadow effects do not alter the size of a box, but may extend
2670- beyond its boundaries. The shadow must be painted behind the element's
2671- text but in front of its visible background. UAs should avoid painting
2672- text shadows over text in adjacent elements belonging to the same stack
2673- level and stacking context.</ p >
2665+ < p > The shadow effects are applied front-to-back: the first shadow is on
2666+ top. The shadows may thus overlay each other, but they never overlay
2667+ the text itself. Shadow effects do not alter the size of a box, but
2668+ may extend beyond its boundaries. The shadow must be painted behind the
2669+ element's text but in front of its visible background. UAs should avoid
2670+ painting text shadows over text in adjacent elements belonging to the
2671+ same stack level and stacking context.</ p >
2672+
2673+ < p class ="note "> The painting order of shadows defined here is the opposite
2674+ of that defined in the 1998
2675+ < a href ="http://www.w3.org/TR/1998/REC-CSS2-19980512 "> CSS2 Recommendation</ a > .</ p >
26742676
26752677 < h3 id ="text-outline "> < span class ="secno "> 8.4</ span >
26762678 Text Outlines: the 'text-outline' property</ h3 >
0 commit comments