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