third_party/WebKit/LayoutTests/fast/backgrounds/opacity-on-document-element.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   2    "http://www.w3.org/TR/html4/loose.dtd">
   3 <html>
   4 <head>
   5   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   6   <title>Opacity on Document</title>
   7   <style type="text/css" media="screen">
   8     html {
   9       background-color: blue;
  10     }
  11     body {
  12       margin: 50px;
  13       background-color: gray;
  14     }
  15   </style>
  16 </head>
  17 <body>
  18 <p>The document background should be red, and the body gray. The rest of the viewport should be white. The document and body should have opacity of 0.3.</p>
  19 <script type="text/javascript" charset="utf-8">
  20   // Do this dynamically to avoid pixels from the previous test in potentially unpainted areas
  21   document.documentElement.style.backgroundColor = 'green';
  22   document.documentElement.style.opacity = 0.3;
  23 </script>
  24 </body>
  25 </html>