LayoutTests/imported/w3c/web-platform-tests/css/css-contain/contain-paint-containing-block-fixed-001.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4   <meta charset="utf-8">
   5   <title>CSS Test: 'contain: paint' element should contain fixed position elements.</title>
   6   <link rel="author" title="Kyle Zentner" href="mailto:zentner.kyle@gmail.com">
   7   <link rel="help" href="https://drafts.csswg.org/css-contain/#containment-paint">
   8   <link rel="match" href="contain-paint-containing-block-fixed-001-ref.html">
   9   <style>
  10   #a {
  11       contain: paint;
  12       width: 100px;
  13       height: 100px;
  14       background: red;
  15       margin: 50px;
  16   }
  17   #b {
  18       position: fixed;
  19       top: 0;
  20       left: 0;
  21       width: 100px;
  22       height: 100px;
  23       background: green;
  24   }
  25   </style>
  26 </head>
  27 <body>
  28   <div id="a">
  29     <div>
  30       <div id="b"></div>
  31     </div>
  32   </div>
  33 </body>
  34 </html>