element-paint-multiple-backgrounds-01b.html (956B)
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 }); 40 41 </script> 42 43 </body> 44 </html>