radicalbar-1a.html 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <!DOCTYPE html>
  2. <html reftest-zoom=".5">
  3. <head>
  4. <!-- Default to invisible text -->
  5. <style type="text/css" media="screen, print">
  6. .hidden {
  7. color: white;
  8. }
  9. .visible {
  10. color: black;
  11. }
  12. </style>
  13. </head>
  14. <body>
  15. <!-- Nest successive radicals and test that the horizontal bar of one of them is drawn.
  16. Because the comparison is for inequality with about:blank, at most one can be visible -->
  17. <math>
  18. <mrow>
  19. <msqrt class="hidden">
  20. <mspace width="1em" height="1em" />
  21. <msqrt class="hidden">
  22. <mspace width="1em" height="1em" />
  23. <msqrt class="hidden">
  24. <mspace width="1em" height="1em" />
  25. <msqrt class="hidden">
  26. <mspace width="1em" height="1em" />
  27. <msqrt class="hidden">
  28. <mspace width="1em" height="1em" />
  29. <msqrt class="hidden">
  30. <mspace width="1em" height="1em" />
  31. <msqrt class="visible">
  32. <mspace width="20em" height="1em" />
  33. </msqrt>
  34. </msqrt>
  35. </msqrt>
  36. </msqrt>
  37. </msqrt>
  38. </msqrt>
  39. </msqrt>
  40. </mrow>
  41. </math>
  42. <!-- Block out all but the horizontal bar of the visible radical -->
  43. <div style="position: absolute; top: 5px; left: 0px;
  44. width: 20em; height: 10em; background: white;"></div>
  45. </body>
  46. </html>