| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <title>Reference for WebVTT rendering, cue should repaint after hiding a coverin
g abspos box</title> | 2 <title>Reference for WebVTT rendering, cue should repaint after hiding a coverin
g abspos box</title> |
| 3 <style> | 3 <style> |
| 4 .video { | 4 .video { |
| 5 display: inline-block; | 5 display: inline-block; |
| 6 width: 320px; | 6 width: 320px; |
| 7 height: 240px; | 7 height: 240px; |
| 8 position: relative | 8 position: relative; |
| 9 font-size: 50px; |
| 9 } | 10 } |
| 10 .cue { | 11 .cue { |
| 11 position: absolute; | 12 position: absolute; |
| 12 bottom: 0; | 13 bottom: 0; |
| 13 left: 0; | 14 left: 0; |
| 14 right: 0; | 15 right: 0; |
| 15 text-align: center | 16 text-align: center |
| 16 } | 17 } |
| 17 .cue > span { | 18 .cue > span { |
| 18 font-family: sans-serif; | 19 font-family: sans-serif; |
| 19 background: rgba(0,0,0,0.8); | 20 background: rgba(0,0,0,0.8); |
| 20 color: green; | 21 color: green; |
| 21 font-size: 50px; | |
| 22 } | 22 } |
| 23 </style> | 23 </style> |
| 24 <p>You should see the word 'PASS' below.</p> | 24 <p>You should see the word 'PASS' below.</p> |
| 25 <div class="video"><span class="cue"><span>PASS</span></span></div> | 25 <div class="video"><span class="cue"><span>PASS</span></span></div> |
| OLD | NEW |