overlayscrollbar-sorting-5.html (1037B)
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 on top of positioned siblings when the scrollable frame has a positioned descendant that's higher than the sibling</title> 8 9 <style> 10 11 #outer { 12 width: 200px; 13 height: 200px; 14 overflow: auto; 15 } 16 17 #content { 18 height: 400px; 19 background: cyan; 20 position: relative; 21 z-index: 3; 22 } 23 24 /* This test has different behavior depending on the type of scrollbar used. 25 * We want the scrollbar to be visible. When overlay scrollbars are used, 26 * they should be visible even when #cover gets between #outer and #content, 27 * but for non-overlay scrollbars, that would cover them so we disable the 28 * cover. 29 */ 30 @media all and (-moz-overlay-scrollbars) { 31 #cover { 32 width: 200px; 33 height: 200px; 34 background: cyan; 35 position: absolute; 36 z-index: 2; 37 } 38 } 39 40 </style> 41 42 <div id="cover"></div> 43 <div id="outer"><div id="content"></div></div>