|
1 <!-- |
|
2 Any copyright is dedicated to the Public Domain. |
|
3 http://creativecommons.org/licenses/publicdomain/ |
|
4 Dynamic repaint with multiple -moz-element background images |
|
5 --> |
|
6 <!DOCTYPE html> |
|
7 <html class="reftest-wait"> |
|
8 <head> |
|
9 <style> |
|
10 |
|
11 #box { |
|
12 height: 100px; |
|
13 width: 200px; |
|
14 background: -moz-element(#lime) top left no-repeat, |
|
15 -moz-element(#green) top right no-repeat red; |
|
16 } |
|
17 |
|
18 div > div { |
|
19 width: 100px; |
|
20 height: 100px; |
|
21 } |
|
22 |
|
23 </style> |
|
24 </head> |
|
25 <body style="margin:0"> |
|
26 <div id="box"></div> |
|
27 |
|
28 <div style="overflow:hidden; height:0"> |
|
29 <div id="lime" style="background-color: darkred"></div> |
|
30 <div id="green" style="background-color: black"></div> |
|
31 </div> |
|
32 |
|
33 <script> |
|
34 |
|
35 window.addEventListener("MozReftestInvalidate", function () { |
|
36 document.getElementById("lime").style.backgroundColor = "lime"; |
|
37 document.getElementById("green").style.backgroundColor = "green"; |
|
38 document.documentElement.className = ""; |
|
39 }, false); |
|
40 |
|
41 </script> |
|
42 |
|
43 </body> |
|
44 </html> |