3939
4040 < h1 > CSS Transforms</ h1 >
4141
42- < h2 class ="no-num no-toc " id =longstatus-date > Editor's Draft 16 June 2012</ h2 >
42+ < h2 class ="no-num no-toc " id =longstatus-date > Editor's Draft 12 July 2012</ h2 >
4343
4444 < dl >
4545 < dt > This version:
4646
4747 < dd > < a
48- href ="http://www.w3.org/TR/2012/ED-css3-transforms-20120616 / "> http://dev.w3.org/csswg/css3-transforms/</ a >
49- <!--http://www.w3.org/TR/2012/WD-css3-transforms-20120616 /-->
48+ href ="http://www.w3.org/TR/2012/ED-css3-transforms-20120712 / "> http://dev.w3.org/csswg/css3-transforms/</ a >
49+ <!--http://www.w3.org/TR/2012/WD-css3-transforms-20120712 /-->
5050
5151 < dt > Latest version:
5252
@@ -74,12 +74,6 @@ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 16 June 2012</h2>
7474 < dd > Dean Jackson (< a href ="http://www.apple.com/ "> Apple Inc</ a > ) <dino
7575 @apple.com>
7676
77- < dd > David Hyatt (< a href ="http://www.apple.com/ "> Apple Inc</ a > ) <hyatt
78- @apple.com>
79-
80- < dd > Chris Marrin (< a href ="http://www.apple.com/ "> Apple Inc</ a > )
81- <cmarrin @apple.com>
82-
8377 < dd > Edward O'Connor (< a href ="http://www.apple.com/ "> Apple Inc</ a > )
8478 <eoconnor @apple.com>
8579
@@ -89,6 +83,14 @@ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 16 June 2012</h2>
8983 < dd > Aryeh Gregor (< a href ="http://www.mozilla.org/ "> Mozilla</ a > ) <ayg
9084 @aryeh.name>
9185
86+ < dt id =editors-list > Former Editors:
87+
88+ < dd > David Hyatt (< a href ="http://www.apple.com/ "> Apple Inc</ a > ) <hyatt
89+ @apple.com>
90+
91+ < dd > Chris Marrin (< a href ="http://www.apple.com/ "> Apple Inc</ a > )
92+ <cmarrin @apple.com>
93+
9294 < dt > Issues list:
9395
9496 < dd > < a
@@ -417,7 +419,13 @@ <h2 id=module-interactions><span class=secno>2. </span>Module Interactions</h2>
417419 elements, and thus override the back-to-front painting order described in
418420 < a href ="http://www.w3.org/TR/CSS2/zindex.html "
419421 title ="Elaborate description of Stacking Contexts "> Appendix E</ a > of < a
420- href ="#CSS21 " rel =biblioentry > [CSS21]<!--{{!CSS21}}--> </ a > .</ p >
422+ href ="#CSS21 " rel =biblioentry > [CSS21]<!--{{!CSS21}}--> </ a > .
423+
424+ < p > Transforms affect the rendering of backgounds on elements with a value
425+ of < code > fixed</ code > for the < code > < a
426+ href ="http://www.w3.org/TR/css3-background/#the-background-attachment "> background-attachment</ a > </ code >
427+ property, which is specified in < a href ="#CSS3BG "
428+ rel =biblioentry > [CSS3BG]<!--{{!CSS3BG}}--> </ a > .</ p >
421429 <!-- Probably need more here. -->
422430
423431 < h2 id =css-values > < span class =secno > 3. </ span > CSS Values</ h2 >
@@ -747,27 +755,26 @@ <h2 id=transform-rendering><span class=secno>6. </span>The Transform
747755 go into more detail here about why fixed positioned objects should do
748756 this, i.e., that it's much harder to implement otherwise.
749757
750- < p > < a href ="http://dev.w3.org/csswg/css3-background/#fixed0 "> Fixed
751- backgrounds</ a > are affected by any transform specified for the root
752- element, and not by any other transforms.
753-
754- < p class =note > Thus an element with a fixed background still acts like a
755- "porthole" into an image that's fixed to the viewport, and transforms on
756- the element affect the porthole, not the background behind it. On the
757- other hand, transforming the root element will still transform everything
758- on the page, rather than everything except for fixed backgrounds.
759-
760- < p > If the root element is transformed, the transformation applies to the
761- entire canvas, including any background specified for the root element.
762- Since < a
763- href ="http://dev.w3.org/csswg/css3-background/#special-backgrounds "> the
758+ < p > < a href ="http://www.w3.org/TR/css3-background/#fixed0 "> Fixed
759+ backgrounds</ a > on the root element are affected by any transform
760+ specified for that element. For all other elements that are effected by a
761+ transform (i.e. have a transform applied to them, or to any of their
762+ ancestor elements), a value of < code > fixed</ code > for the
763+ < code > background-attachment</ code > property is treated as if it had a
764+ value of < code > scroll</ code > .
765+ <!-- does this affect the computed style of background-attachment? -->
766+
767+ < p class =note > If the root element is transformed, the transformation
768+ applies to the entire canvas, including any background specified for the
769+ root element. Since < a
770+ href ="http://www.w3.org/TR/css3-background/#special-backgrounds "> the
764771 background painting area for the root element</ a > is the entire canvas,
765772 which is infinite, the transformation might cause parts of the background
766773 that were originally off-screen to appear. For example, if the root
767- element's background were repeating dots, and a transformation of ‘ < code
768- class = css > scale(0.5)</ code > ’ were specified on the root element, the
769- dots would shrink to half their size, but there will be twice as many, so
770- they still cover the whole viewport.
774+ element's background were repeating dots, and a transformation of
775+ < code > scale(0.5)</ code > were specified on the root element, the dots would
776+ shrink to half their size, but there will be twice as many, so they still
777+ cover the whole viewport.
771778
772779 < h3 id =transform-3d-rendering > < span class =secno > 6.1. </ span > 3D Transform
773780 Rendering</ h3 >
@@ -3329,6 +3336,16 @@ <h3 class=no-num id=normative-references>Normative references</h3>
33293336 href ="http://www.w3.org/TR/2011/REC-CSS2-20110607 "> http://www.w3.org/TR/2011/REC-CSS2-20110607</ a >
33303337 </ dd >
33313338 <!---->
3339+
3340+ < dt id =CSS3BG > [CSS3BG]
3341+
3342+ < dd > Bert Bos; Elika J. Etemad; Brad Kemper. < a
3343+ href ="http://www.w3.org/TR/2012/CR-css3-background-20120417/ "> < cite > CSS
3344+ Backgrounds and Borders Module Level 3.</ cite > </ a > 17 April 2012. W3C
3345+ Candidate Recommendation. (Work in progress.) URL: < a
3346+ href ="http://www.w3.org/TR/2012/CR-css3-background-20120417/ "> http://www.w3.org/TR/2012/CR-css3-background-20120417/</ a >
3347+ </ dd >
3348+ <!---->
33323349 </ dl >
33333350 <!--end-normative-->
33343351
0 commit comments