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