blend-isolation.html (412B)
1 <!-- 2 Any copyright is dedicated to the Public Domain. 3 http://creativecommons.org/publicdomain/zero/1.0/ 4 --> 5 <html> 6 <style> 7 .a { 8 background-color: rgb(0,255,0); 9 } 10 #b { 11 width: 200px; 12 height: 210px; 13 } 14 .c { 15 width: 100px; 16 height: 100px; 17 mix-blend-mode: difference; 18 } 19 #d { 20 isolation: isolate; 21 } 22 </style> 23 <div id="b" class="a"> 24 <div id="d"> 25 <div class="a c"></div> 26 </div> 27 </div> 28 </html>