| <!DOCTYPE HTML> | |
| <!-- Test background blending with SVG. Test passes if you can see a green square. --> | |
| <style type="text/css"> | |
| div { | |
| width: 100px; | |
| height: 100px; | |
| background: url('data:image/svg+xml;utf8, \ | |
| <svg xmlns="http://www.w3.org/2000/svg" width="100px" height="100px"> \ | |
| <rect width="100" height="100" fill="#000"/> \ | |
| <rect width="100" height="100" fill="#FFF"/> \ | |
| </svg>') 0 0 / 100% 100%, green; | |
| background-blend-mode: multiply, normal; | |
| } | |
| </style> | |
| <div></div> |