OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <script src="resources/text-based-repaint.js"></script> | |
3 <script> | |
4 function repaintTest() { | |
5 var div = document.getElementsByTagName('div')[0]; | |
6 div.style.width = '100px'; | |
7 div.style.height = '200px'; | |
8 } | |
9 onload = runRepaintTest; | |
10 </script> | |
11 <style> | |
12 div { | |
13 position: absolute; | |
14 top: 50px; | |
15 left: 0px; | |
16 width: 150px; | |
17 height: 150px; | |
18 } | |
19 img { | |
20 position: absolute; | |
21 width: 100%; | |
22 height: 100%; | |
23 } | |
24 </style> | |
25 The percent-sized image should be fully repainted on container's resize. Passes if there is a whole apple after resize. | |
26 <div> | |
27 <img src="resources/apple.jpg"> | |
28 </div> | |
OLD | NEW |