background-blending-isolation-parent-child-color.html (475B)
1 <!-- 2 Any copyright is dedicated to the Public Domain. 3 http://creativecommons.org/publicdomain/zero/1.0/ 4 --> 5 <!DOCTYPE HTML> 6 <html> 7 <style> 8 .reftest { 9 width: 100px; 10 height: 100px; 11 } 12 13 .parent { 14 background-color: rgb(255, 255, 0); 15 background-blend-mode: screen; 16 } 17 18 .child { 19 background-color: rgb(0, 255, 0); 20 background-blend-mode: difference; 21 } 22 23 </style> 24 <body> 25 <div class="reftest parent"> 26 <div class="reftest child"></div> 27 </div> 28 </body> 29 </html>