| <!DOCTYPE html> |
| <title>Video paint order</title> |
| <link rel="author" title="Philip Rogers" href="pdr@chromium.org"> |
| <link rel="help" href="https://www.w3.org/TR/CSS2/zindex.html"> |
| <link rel="match" href="video-paint-order-ref.html"> |
| <style> |
| video { |
| background: red; |
| width: 95px; |
| height: 95px; |
| } |
| #negative-margin { |
| display: inline-block; |
| width: 100px; |
| height: 100px; |
| background: green; |
| margin-left: -100px; |
| } |
| </style> |
| <video></video> |
| <!-- #negative-margin should paint fully on top of the video. --> |
| <div id="negative-margin"></div> |