1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/layout/reftests/css-blending/background-blending-background-attachement-fixed-scroll.html Wed Dec 31 06:09:35 2014 +0100 1.3 @@ -0,0 +1,40 @@ 1.4 +<!-- Blend two background images having background-attachment: fixed and scroll respectively --> 1.5 +<!DOCTYPE HTML> 1.6 +<html> 1.7 +<head> 1.8 +<style> 1.9 +#parent { 1.10 + width: 200px; 1.11 + height: 200px; 1.12 + overflow: hidden; 1.13 +} 1.14 + 1.15 +#child { 1.16 + background: url('as-image/green100x100.png'), url('as-image/green100x100.png'); 1.17 + background-attachment: fixed, scroll; 1.18 + background-size: 100px 100px, 200px 200px; 1.19 + background-repeat: no-repeat no-repeat; 1.20 + background-blend-mode: difference; 1.21 + 1.22 + height: 400px; 1.23 +} 1.24 + 1.25 +body { 1.26 + margin: 0px; 1.27 +} 1.28 +</style> 1.29 +<script> 1.30 + function onLoad() { 1.31 + var parent = document.getElementById("parent"); 1.32 + parent.scrollTop = 100; 1.33 + } 1.34 +</script> 1.35 +</head> 1.36 + 1.37 +<body onload="onLoad()"> 1.38 + <div id="parent"> 1.39 + <div id="child"> 1.40 + </div> 1.41 + </div> 1.42 +</body> 1.43 +</html> 1.44 \ No newline at end of file