1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/layout/reftests/scrolling/opacity-mixed-scrolling-2.html Wed Dec 31 06:09:35 2014 +0100 1.3 @@ -0,0 +1,49 @@ 1.4 +<!DOCTYPE HTML> 1.5 +<html> 1.6 +<style> 1.7 +#scrollbox { 1.8 + margin: 20px; 1.9 + width: 300px; 1.10 + height: 400px; 1.11 + overflow-y: auto; 1.12 + background: -moz-linear-gradient(#444, #555); 1.13 +} 1.14 +.opacityBox { 1.15 + opacity: 0.999; 1.16 + border: 1px solid black; 1.17 + margin: 20px; 1.18 + padding: 20px; 1.19 +} 1.20 +#inner { 1.21 + background-image: -moz-linear-gradient(white, rgba(255,255,255,0)); 1.22 +} 1.23 +</style> 1.24 + 1.25 +<div id="scrollbox" class="scrollTop"> 1.26 + <div id="inner"> 1.27 + outside 1.28 + <div class="opacityBox">in opacity box</div> 1.29 + outside 1.30 + <div class="opacityBox">in opacity box</div> 1.31 + 1.32 + outside 1.33 + <div class="opacityBox">in opacity box</div> 1.34 + outside 1.35 + <div class="opacityBox">in opacity box</div> 1.36 + outside 1.37 + <div class="opacityBox">in opacity box</div> 1.38 + outside 1.39 + <div class="opacityBox">in opacity box</div> 1.40 + outside 1.41 + <div class="opacityBox">in opacity box</div> 1.42 + 1.43 + outside 1.44 + <div class="opacityBox">in opacity box</div> 1.45 + outside 1.46 + <div class="opacityBox">in opacity box</div> 1.47 + outside 1.48 + </div> 1.49 +</div> 1.50 +<script src="scrolling.js"></script> 1.51 +</body> 1.52 +</html>