mix-blend-mode-blended-element-with-transparent-pixels-ref.html (979B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Reftest Reference</title> 5 <link rel="author" title="Mihai Tica" href="mailto:mitica@adobe.com"> 6 <link rel="reviewer" title="Mihai Balan" href="mailto:mibalan@adobe.com"> 7 <link rel="reviewer" title="Horia Olaru" href="mailto:olaru@adobe.com"> 8 <style type="text/css"> 9 .parent { 10 position: absolute; 11 z-index: 1; 12 background: #0FF; 13 width: 120px; 14 height: 120px; 15 } 16 .child { 17 background: #0F0; 18 width: 100px; 19 height: 100px; 20 margin: 10px; 21 } 22 </style> 23 </head> 24 <body> 25 <p>Test passes if you can see a lime square with aqua borders.<br> 26 If the borders are red, the test fails.</p> 27 <div class="parent"> 28 <div class="child"></div> 29 </div> 30 </body> 31 </html>