961887-2.html (493B)
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>