<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<table id="table">
<caption id="c1">PASS: Text in caption 1</caption>
<caption id="c2" style="opacity: 0.5">PASS: Text in caption 2</caption>
<caption id="c3" style="opacity: 0.2">PASS: Text in caption 3</caption>
<caption id="c4" style="opacity: 0">PASS: Text in caption 4</caption>
</table>
<script>
var caption = document.createElement('caption');
caption.appendChild(document.createTextNode('PASS: Dynamically added caption'));
var table = document.getElementById('table');
var c1 = document.getElementById('c1');
table.insertBefore(caption, c1);
document.body.offsetTop;
</script>
</body>
</html>