overlayscrollbar-sorting-4.html 656 B

123456789101112131415161718192021222324252627282930313233343536
  1. <!--
  2. Any copyright is dedicated to the Public Domain.
  3. http://creativecommons.org/publicdomain/zero/1.0/
  4. -->
  5. <!DOCTYPE html>
  6. <meta charset="utf-8">
  7. <title>Test that overlay scrollbars are covered by positioned siblings with higher z-index even when the scrollable frame has a positioned descendant</title>
  8. <style>
  9. #outer {
  10. width: 200px;
  11. height: 200px;
  12. overflow: auto;
  13. }
  14. #content {
  15. height: 400px;
  16. background: cyan;
  17. position: relative;
  18. z-index: 1;
  19. }
  20. #cover {
  21. width: 200px;
  22. height: 200px;
  23. background: cyan;
  24. position: absolute;
  25. z-index: 2;
  26. }
  27. </style>
  28. <div id="cover"></div>
  29. <div id="outer"><div id="content"></div></div>