| <!DOCTYPE HTML> | |
| <link rel="stylesheet" href="resources/blending-style.css"> | |
| <style> | |
| .child { | |
| width: 400px; | |
| height: 50px; | |
| } | |
| </style> | |
| <p>Test if blending works when the blending layer is clipped by one accelerated layer and by one software layer.<br /> | |
| Test passes if you see a green rectangle.</p> | |
| <div class="isolating accelerated clipping lime box"> | |
| <div class="clipping box" style="position: relative; left: 10px; right: 10px;"> | |
| <div class="accelerated black child difference"></div> | |
| <div class="accelerated lime child"></div> | |
| </div> | |
| </div> |