mix-blend-mode-paragraph-background-image-ref.html (705B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Test: Paragraph element with mix-blend-mode over parent with background image.</title> 5 <link rel="author" title="Mihai Tica" href="mailto:mitica@adobe.com"> 6 <style type="text/css"> 7 div { 8 width: 100px; 9 height: 100px; 10 background-image: url('../support/yellow_square.svg'); 11 } 12 13 #blender { 14 color: #0F0; 15 } 16 </style> 17 </head> 18 <body> 19 <p>Test passes if the paragraph text is drawn with green.</p> 20 <div> 21 <p id="blender">This should be drawn with green.</p> 22 </div> 23 </body> 24 </html>