background-position-1-ref.html (585B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <meta charset="utf-8"> 4 <title>Changes to background-position should not cause things to repaint that don't intersect the background image.</title> 5 6 <style> 7 8 body { 9 margin: 0; 10 } 11 12 #background { 13 height: 512px; 14 background-image: url(image_rgrg-256x256.png); 15 background-repeat: no-repeat; 16 background-position: 300px 100px; 17 } 18 19 #not-intersecting-background { 20 box-sizing: border-box; 21 width: 200px; 22 height: 200px; 23 margin: 50px; 24 border: 1px solid lime; 25 } 26 27 </style> 28 29 <div id="background"> 30 <div id="not-intersecting-background"></div> 31 </div>