Fri, 16 Jan 2015 18:13:44 +0100
Integrate suggestion from review to improve consistency with existing code.
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>
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 }
18 div > div {
19 width: 100px;
20 height: 100px;
21 }
23 </style>
24 </head>
25 <body style="margin:0">
26 <div id="box"></div>
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>
33 <script>
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);
41 </script>
43 </body>
44 </html>