| <!DOCTYPE html> | |
| <html> | |
| <body> | |
| <div id="container" style="position: absolute; width: 200px; height: 200px;"> | |
| <div id="visible" style="background: green; visibility:visible; width: 100px; height: 100px; mix-blend-mode: plus-lighter; position:relative"></div> | |
| <div style="visibility: hidden; position: relative;" id="hidden-container"> | |
| <div id="hidden" style="background: blue; visibility:visible; width: 100px; height: 100px; position:relative"></div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |