|
1 <!DOCTYPE html> |
|
2 <html class="reftest-wait"> |
|
3 <head> |
|
4 <style> |
|
5 #checkbox { |
|
6 position: absolute; |
|
7 left: 0px; |
|
8 top: 0px; |
|
9 background: -moz-linear-gradient(left, white, brown); |
|
10 } |
|
11 #toremove { |
|
12 position: absolute; |
|
13 left: 0px; |
|
14 top: 0px; |
|
15 width: 100px; |
|
16 height: 0px; |
|
17 background: black; |
|
18 } |
|
19 </style> |
|
20 </head> |
|
21 <body> |
|
22 <div id="checkbox"> |
|
23 <input type="checkbox"> |
|
24 </div> |
|
25 <div id="toremove"> |
|
26 </div> |
|
27 </body> |
|
28 <script type="text/javascript"> |
|
29 var checkBox = document.getElementById("checkbox"); |
|
30 var toRemove = document.getElementById("toremove"); |
|
31 toRemove.style.height = checkBox.offsetHeight / 2 + 0.2 + "px"; |
|
32 function boom() |
|
33 { |
|
34 toRemove.parentNode.removeChild(toRemove); |
|
35 document.documentElement.className = ""; |
|
36 } |
|
37 window.addEventListener("MozReftestInvalidate", boom, false); |
|
38 </script> |
|
39 </html> |