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

Wed, 31 Dec 2014 06:55:50 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 06:55:50 +0100
changeset 2
7e26c7da4463
permissions
-rw-r--r--

Added tag UPSTREAM_283F7C6 for changeset ca08bd8f51b2

     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