layout/reftests/css-gradients/large-gradient-5.html

   1 <!--
   2      Any copyright is dedicated to the Public Domain.
   3      http://creativecommons.org/publicdomain/zero/1.0/
   4 -->
   5 <!DOCTYPE html>
   6 <html lang="en">
   7 <meta charset="utf-8">
   8 <title>Make sure that large gradient backgrounds are painted even at extreme scroll positions</title>
   9 <!-- See https://bugzilla.mozilla.org/show_bug.cgi?id=1271112 -->
  10
  11 <style>
  12
  13 html, body {
  14   overflow: hidden;
  15 }
  16
  17 body {
  18   margin: 0;
  19   height: 100000px;
  20   /* a green gradient that is not opaque on top of a red background color */
  21   background: repeating-linear-gradient(45deg, rgba(0, 255, 0, 1.0) 0%, rgba(0, 255, 0, 0.99) 10%, rgba(0, 255, 0, 1.0) 20%) red;
  22 }
  23
  24 </style>
  25
  26 <body>
  27
  28 <script>
  29 document.documentElement.scrollTop = 35000;
  30 </script>