radicalbar-2d.html 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <!DOCTYPE html>
  2. <html reftest-zoom="0.2">
  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="visible">
  30. <mspace width="1em" height="1em" />
  31. <msqrt class="hidden">
  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>