block-overflow-4-dyn.html (689B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <html> 4 <head> 5 <style type="text/css"> 6 .separator { 7 height: 20px; 8 background-color: blue; 9 } 10 #overflow { 11 overflow: visible; 12 height: 200px; 13 margin: 20px 0; 14 background-color: lightgreen; 15 } 16 #child { 17 height: 160px; 18 margin: 40px 0; 19 background-color: green; 20 } 21 </style> 22 <script type="text/javascript"> 23 function test() { 24 document.getElementById('overflow').style.overflow = 'auto'; 25 document.documentElement.removeAttribute('class'); 26 } 27 document.addEventListener('MozReftestInvalidate', test); 28 </script> 29 </head> 30 <body> 31 <div class="separator"></div> 32 <div id="overflow"> 33 <div id="child"></div> 34 </div> 35 <div class="separator"></div> 36 </body> 37 </html>