layout/reftests/scrolling/opacity-mixed-scrolling-2.html

changeset 0
6474c204b198
     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>

mercurial