| <!DOCTYPE HTML> | |
| <style> | |
| body, html { | |
| height: 100%; | |
| } | |
| body { | |
| margin: 0px; | |
| } | |
| div { | |
| background-image: linear-gradient(green, green); | |
| background-color: rgba(255, 0, 0, 0.2); | |
| background-blend-mode: screen; | |
| height: 100%; | |
| } | |
| p { | |
| display: inline; | |
| } | |
| </style> | |
| <div> | |
| <p>This test will check that a background-image set on body does not blend with the browser's white background color, it will only blend with the red transparent background-color.<br/> | |
| The test passes if the page has a green background.</p> | |
| </div> |