repaint-descandant-on-ancestor-layer-move.html 693 B

123456789101112131415161718192021222324252627282930313233343536
  1. <!DOCTYPE html>
  2. <style>
  3. body {
  4. position: absolute;
  5. left: 0px;
  6. top: 0px;
  7. right: 0px;
  8. bottom: 0px;
  9. }
  10. body > div {
  11. position: absolute;
  12. left: 400px; top: 10px; opacity: 1;
  13. }
  14. div > div {
  15. position: relative;
  16. display: inline-block;
  17. left: 20px;
  18. top: 20px;
  19. width: 300px;
  20. background-color: papayawhip;
  21. }
  22. </style>
  23. <body onload="runRepaintAndPixelTest();">
  24. <div id="container">
  25. <div>
  26. There should only be one copy of this text.
  27. </div>
  28. </div>
  29. <script src="resources/text-based-repaint.js"></script>
  30. <script>
  31. function repaintTest() {
  32. var container = document.getElementById('container');
  33. container.style.left = '0px';
  34. };
  35. </script>