Skip to content

Commit 28b4cb8

Browse files
committed
Specify behavior for fixed backgrounds
Fixes https://www.w3.org/Bugs/Public/show_bug.cgi?id=15833.
1 parent f8c8eb4 commit 28b4cb8

3 files changed

Lines changed: 27 additions & 11 deletions

File tree

css3-transforms/ChangeLog

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
2012-03-14 ayg@aryeh.name
2+
Specify behavior for fixed backgrounds
3+
Fixes https://www.w3.org/Bugs/Public/show_bug.cgi?id=15833.
4+
15
2012-03-13 dschulze@adobe.com
26
Fixed more typos in the SVG 'transform' attribute section.
37

css3-transforms/Overview.html

Lines changed: 10 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -400,11 +400,6 @@ <h2 id=introduction><span class=secno>1. </span>Introduction</h2>
400400
behavior/role for the "transform" property and how is the other
401401
behavior/role indicated by a stylesheet author. If you have an opinion on
402402
this topic, please send feedback.</div>
403-
404-
<div class=issue> What do fixed backgrounds do in transforms? They should
405-
probably ignore the transform completely, since - even transformed - the
406-
object should be acting as "porthole" through which the fixed background
407-
can be viewed in its original form.</div>
408403
<!-- ======================================================================================================= -->
409404

410405
<h2 id=module-interactions><span class=secno>2. </span>Module Interactions</h2>
@@ -603,6 +598,16 @@ <h2 id=transform-rendering><span class=secno>5. </span>The Transform
603598
go into more detail here about why fixed positioned objects should do
604599
this, i.e., that it's much harder to implement otherwise.
605600

601+
<p> <a href="http://dev.w3.org/csswg/css3-background/#fixed0">Fixed
602+
backgrounds</a> are affected by any transform specified for the root
603+
element, and not by any other transforms.
604+
605+
<p class=note> Thus an element with a fixed background still acts like a
606+
"porthole" into an image that's fixed to the viewport, and transforms on
607+
the element affect the porthole, not the background behind it. On the
608+
other hand, transforming the root element will still transform everything
609+
on the page, rather than everything except for fixed backgrounds.
610+
606611
<h3 id=transform-3d-rendering><span class=secno>5.1. </span>3D Transform
607612
Rendering</h3>
608613
<!-- Maybe define "tranform container" in the definitions, and use it everywhere

css3-transforms/Transforms.src.html

Lines changed: 13 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -163,12 +163,6 @@ <h2>Introduction</h2>
163163
property and how is the other behavior/role indicated by a stylesheet
164164
author. If you have an opinion on this topic, please send feedback.
165165
</div>
166-
<div class="issue">
167-
What do fixed backgrounds do in transforms? They should probably ignore
168-
the transform completely, since - even transformed - the object should
169-
be acting as "porthole" through which the fixed background can be viewed
170-
in its original form.
171-
</div>
172166

173167
<!-- ======================================================================================================= -->
174168

@@ -326,6 +320,19 @@ <h2 id="transform-rendering">The Transform Rendering Model</h2>
326320
Is this affect on position:fixed necessary? If so, need to go into more detail here
327321
about why fixed positioned objects should do this, i.e., that it's much harder to implement otherwise.
328322
</p>
323+
<p>
324+
<a href="http://dev.w3.org/csswg/css3-background/#fixed0">Fixed backgrounds</a>
325+
are affected by any transform specified for the root element,
326+
and not by any other transforms.
327+
</p>
328+
<p class="note">
329+
Thus an element with a fixed background still acts like a
330+
"porthole" into an image that's fixed to the viewport, and
331+
transforms on the element affect the porthole, not the
332+
background behind it. On the other hand, transforming the root
333+
element will still transform everything on the page, rather
334+
than everything except for fixed backgrounds.
335+
</p>
329336

330337
<h3 id="transform-3d-rendering">3D Transform Rendering</h3>
331338

0 commit comments

Comments
 (0)