transform-fixed-bg-008.tentative.html (1300B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Test (Transforms): Fixed Background (will-change: transform)</title> 5 <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#transform-rendering"> 6 <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/6951"> 7 <meta name="assert" content='"Fixed backgrounds on the root element are 8 affected by any transform specified for that element. For all other 9 elements that are effected by a transform (i.e. have a transform applied 10 to them, or to any of their ancestor elements), a value of fixed for the 11 background-attachment property is treated as if it had a value of scroll." 12 This tests that adding will-change: transform to an element with a fixed 13 background doesn't change rendering from scroll background.'> 14 <meta name="flags" content="svg"> 15 <link rel="match" href="transform-fixed-bg-ref.html"> 16 <meta name="fuzzy" content="0-5;0-200"> 17 <style> 18 body { 19 margin: 0; 20 } 21 div { 22 background: url(support/transform-triangle-left.svg) fixed; 23 width: 100px; 24 height: 100px; 25 position: relative; 26 left: 50px; 27 top: 50px; 28 will-change: transform; 29 } 30 </style> 31 </head> 32 <body> 33 <div></div> 34 </body> 35 </html>