overlayscrollbar-sorting-2.html (812B)
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 not covered by overlapping non-positioned siblings</title> 8 9 <style> 10 11 #outer { 12 width: 200px; 13 height: 200px; 14 overflow: auto; 15 background: cyan; 16 } 17 18 #content { 19 height: 400px; 20 } 21 22 /* This test has different behavior depending on the type of scrollbar used. 23 * We want the scrollbar to be visible. But for non-overlay scrollbars, the 24 * cover would cover them so we disable the cover. 25 */ 26 @media all and (-moz-overlay-scrollbars) { 27 #cover { 28 margin-top: -200px; 29 width: 200px; 30 height: 200px; 31 background: cyan; 32 } 33 } 34 35 </style> 36 37 <div id="outer"><div id="content"></div></div> 38 <div id="cover"></div>