caption-sibling-1a-dyn.html 937 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <!DOCTYPE html>
  2. <html class="reftest-wait">
  3. <head>
  4. <!-- dbaron thinks the validity of this test is questionable, see
  5. https://bugzilla.mozilla.org/show_bug.cgi?id=477462#c20 and #c21 -->
  6. <style type="text/css">
  7. #table {
  8. display: table;
  9. width: 100px;
  10. }
  11. #caption1 {
  12. display: table-caption;
  13. height: 20px;
  14. background-color: red;
  15. margin-bottom: 10px;
  16. }
  17. #caption2 {
  18. display: none;
  19. height: 20px;
  20. background-color: blue;
  21. margin: 20px 0;
  22. }
  23. #caption3 {
  24. display: table-caption;
  25. height: 20px;
  26. background-color: green;
  27. margin-top: 10px;
  28. }
  29. </style>
  30. <script type="text/javascript">
  31. function test() {
  32. document.getElementById('caption2').style.display = 'table-caption';
  33. document.documentElement.removeAttribute('class');
  34. }
  35. document.addEventListener('MozReftestInvalidate', test, false);
  36. </script>
  37. </head>
  38. <body>
  39. <div id="table">
  40. <div id="caption1"></div>
  41. <div id="caption2"></div>
  42. <div id="caption3"></div>
  43. </div>
  44. </body>
  45. </html>