large-gradient-5.html (719B)
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>