layout/reftests/image-element/element-paint-multiple-backgrounds-01b.html

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

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Fri, 16 Jan 2015 18:13:44 +0100
branch
TOR_BUG_9701
changeset 14
925c144e1f1f
permissions
-rw-r--r--

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>

mercurial