The Tor Browser: layout/reftests/image-element/element-paint-multiple-backgrounds-01b.html@925c144e1f1f (annotated)

layout/reftests/image-element/element-paint-multiple-backgrounds-01b.html@925c144e1f1f (annotated)

Fri, 16 Jan 2015 18:13:44 +0100

Integrate suggestion from review to improve consistency with existing code.

 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/licenses/publicdomain/
      Dynamic repaint with multiple -moz-element background images
 -->
 <!DOCTYPE html>
 <html class="reftest-wait">
 <head>
 <style>
 #box {
   height: 100px;
   width: 200px;
   background: -moz-element(#lime) top left no-repeat,
               -moz-element(#green) top right no-repeat red;
 }
 div > div {
   width: 100px;
   height: 100px;
 }
 </style>
 </head>
 <body style="margin:0">
 <div id="box"></div>
 <div style="overflow:hidden; height:0">
   <div id="lime" style="background-color: darkred"></div>
   <div id="green" style="background-color: black"></div>
 </div>
 <script>
 window.addEventListener("MozReftestInvalidate", function () {
   document.getElementById("lime").style.backgroundColor = "lime";
   document.getElementById("green").style.backgroundColor = "green";
   document.documentElement.className = "";
 }, false);
 </script>
 </body>
 </html>