| <!doctype html> |
| <html> |
| <head> |
| <title>display</title> |
| <meta charset="utf-8"/> |
| </head> |
| <body> |
| |
| <!-- This only draws the <div> elements since the math element should be |
| hidden by the red boxes. --> |
| <div style="height: 3em; width: 10em;"> |
| <div style="position: absolute; left: 0; width: 10em; height: 3em; |
| background: blue;"> |
| </div> |
| <div style="position: absolute; left: 0; width: 2em; height: 3em; |
| background: red;"> |
| </div> |
| </div> |
| |
| <!-- This only draws the <div> elements since the math element should be |
| hidden by the red boxes. --> |
| <div style="height: 3em; width: 10em;"> |
| <div style="position: absolute; left: 0; width: 10em; height: 3em; |
| background: blue; padding: 1px;"> |
| </div> |
| <div style="position: absolute; left: 4em; width: 2em; height: 3em; |
| background: red;"> |
| </div> |
| </div> |
| |
| <!-- This only draws the black <div> covering the math element. --> |
| <div style="height: 3em; width: 10em;"> |
| <div style="position: absolute; left: 0; width: 10em; |
| background: black;"> |
| <span style="font-size: 1.5em;">X</span> |
| </div> |
| </div> |
| |
| <!-- This only draws the black <div> covering the math element. --> |
| <div style="height: 5em; width: 10em;"> |
| <div style="position: absolute; left: 0; width: 10em;"> |
| <div style="position: absolute; left: 0; top: 2em; |
| width: 10em; background: black;"> |
| <span style="font-size: 1.5em;">X</span> |
| </div> |
| </div> |
| </div> |
| |
| </body> |
| </html> |
