background-position-1-ref.html 585 B

1234567891011121314151617181920212223242526272829303132
  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. <style>
  6. body {
  7. margin: 0;
  8. }
  9. #background {
  10. height: 512px;
  11. background-image: url(image_rgrg-256x256.png);
  12. background-repeat: no-repeat;
  13. background-position: 300px 100px;
  14. }
  15. #not-intersecting-background {
  16. box-sizing: border-box;
  17. width: 200px;
  18. height: 200px;
  19. margin: 50px;
  20. border: 1px solid lime;
  21. }
  22. </style>
  23. <div id="background">
  24. <div id="not-intersecting-background"></div>
  25. </div>