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 |