| OLD | NEW | 
|   1 <!DOCTYPE html> |   1 <!DOCTYPE html> | 
|   2 <head> |   2 <head> | 
|   3 <style> |   3 <style> | 
|   4 .composited { |   4 .composited { | 
|   5 transform: translatez(0); |   5 transform: translatez(0); | 
|   6 } |   6 } | 
|   7  |   7  | 
|   8 .box { |   8 .box { | 
|   9   width: 100px; |   9   width: 100px; | 
|  10   height: 100px; |  10   height: 100px; | 
| (...skipping 15 matching lines...) Expand all  Loading... | 
|  26   background-color: lime; |  26   background-color: lime; | 
|  27 } |  27 } | 
|  28  |  28  | 
|  29 .repaintdiv { |  29 .repaintdiv { | 
|  30   position: absolute; |  30   position: absolute; | 
|  31   z-index: 1; |  31   z-index: 1; | 
|  32   top: 260px; |  32   top: 260px; | 
|  33   left: 260px; |  33   left: 260px; | 
|  34   width: 182px; |  34   width: 182px; | 
|  35   height: 29px; |  35   height: 29px; | 
|  36   background-color:red; |  36   background-color: salmon; | 
|  37 } |  37 } | 
|  38  |  38  | 
|  39 .top { |  39 .top { | 
|  40   position: absolute; |  40   position: absolute; | 
|  41   z-index: 1; |  41   z-index: 1; | 
|  42   top: 280px; |  42   top: 280px; | 
|  43   left: 340px; |  43   left: 340px; | 
|  44   background-color: cyan; |  44   background-color: cyan; | 
|  45 } |  45 } | 
|  46  |  46  | 
|  47 div:hover { |  47 div:hover { | 
|  48   background-color: green; |  48   background-color: green; | 
|  49   transform:translatez(0); |  49   transform:translatez(0); | 
|  50 } |  50 } | 
|  51  |  51  | 
|  52 </style> |  52 </style> | 
|  53 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> |  | 
|  54 <script> |  | 
|  55     function repaintTest() |  | 
|  56     { |  | 
|  57         document.getElementById('repaintdiv').style.background = 'salmon'; |  | 
|  58     } |  | 
|  59     runRepaintTest(); |  | 
|  60 </script> |  | 
|  61 </head> |  53 </head> | 
|  62 <body> |  54 <body> | 
|  63     <div class="composited box behind"></div> |  55     <div class="composited box behind"></div> | 
|  64     <div class="box middle"></div> |  56     <div class="box middle"></div> | 
|  65     <img id="repaintdiv" class="repaintdiv"></img> |  57     <img id="repaintdiv" class="repaintdiv"></img> | 
|  66     <div class="box top"></div> |  58     <div class="box top"></div> | 
|  67 </body> |  59 </body> | 
| OLD | NEW |