overlayscrollbar-sorting-4.html (656B)
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 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: 1; 22 } 23 24 #cover { 25 width: 200px; 26 height: 200px; 27 background: cyan; 28 position: absolute; 29 z-index: 2; 30 } 31 32 </style> 33 34 <div id="cover"></div> 35 <div id="outer"><div id="content"></div></div>