1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/layout/reftests/image-element/element-paint-multiple-backgrounds-01c.html Wed Dec 31 06:09:35 2014 +0100 1.3 @@ -0,0 +1,45 @@ 1.4 +<!-- 1.5 + Any copyright is dedicated to the Public Domain. 1.6 + http://creativecommons.org/licenses/publicdomain/ 1.7 + Dynamic repaint with multiple -moz-element background images 1.8 +--> 1.9 +<!DOCTYPE html> 1.10 +<html class="reftest-wait"> 1.11 +<head> 1.12 +<style> 1.13 + 1.14 +#box { 1.15 + height: 100px; 1.16 + width: 200px; 1.17 + background: -moz-element(#darkred) top left no-repeat, 1.18 + -moz-element(#black) top right no-repeat red; 1.19 +} 1.20 + 1.21 +div > div { 1.22 + width: 100px; 1.23 + height: 100px; 1.24 +} 1.25 + 1.26 +</style> 1.27 +</head> 1.28 +<body style="margin:0"> 1.29 +<div id="box"></div> 1.30 + 1.31 +<div style="overflow:hidden; height:0"> 1.32 + <div id="darkred" style="background-color: darkred"></div> 1.33 + <div id="black" style="background-color: black"></div> 1.34 + <div id="lime" style="background-color: lime"></div> 1.35 + <div id="green" style="background-color: green"></div> 1.36 +</div> 1.37 + 1.38 +<script> 1.39 + 1.40 +window.addEventListener("MozReftestInvalidate", function () { 1.41 + document.getElementById("box").style.backgroundImage = "-moz-element(#lime), -moz-element(#green)"; 1.42 + document.documentElement.className = ""; 1.43 +}, false); 1.44 + 1.45 +</script> 1.46 + 1.47 +</body> 1.48 +</html>