layout/reftests/bugs/961887-2.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3 <meta charset="utf-8">
   4 <title>Make sure that we don't pull background colors into container layers that have effects applied on them</title>
   5
   6 <style>
   7
   8 #outer {
   9   background-color: white;
  10   border: 1px solid black;
  11 }
  12
  13 #outer > div {
  14   margin: 20px;
  15   border: 1px solid white;
  16   height: 20px;
  17 }
  18
  19 #inner1 {
  20   mix-blend-mode: difference;
  21 }
  22
  23 #inner2 {
  24   filter: invert(100%);
  25 }
  26
  27 </style>
  28
  29 <div id="outer">
  30   <div id="inner1"></div>
  31   <div id="inner2"></div>
  32 </div>