blend-isolation.html (688B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Compositing and Blending: isolation applied to a group containing blending</title> 5 <link rel="author" title="cabanier" href="mailto:cabanier@adobe.com"> 6 <link rel="help" href="http://www.w3.org/TR/compositing-1/#isolation"> 7 <meta name="assert" content="Isolation on a group with blending"> 8 <style> 9 .a { 10 background-color: rgb(0,255,0); 11 } 12 #b { 13 width: 200px; 14 height: 210px; 15 } 16 .c { 17 width: 100px; 18 height: 100px; 19 mix-blend-mode: difference; 20 } 21 #d { 22 isolation: isolate; 23 } 24 </style> 25 <p>Test passes if you see a solid green rectangle</p> 26 <div id="b" class="a"> 27 <div id="d"> 28 <div class="a c"></div> 29 </div> 30 </div> 31 </html>