830299-1.html (1012B)
1 <!DOCTYPE html> 2 <html lang="en-US" class="reftest-wait"> 3 <head> 4 <title>Testcase, bug 830299</title> 5 <meta charset=UTF-8> 6 <style type="text/css"> 7 8 html { margin: 1px; padding: 2px } 9 body { margin: 4px; padding: 8px } 10 11 #outer { 12 position: absolute; 13 overflow: hidden; 14 transform: translateX(0px); 15 top: 3px; left: 5px; 16 width: 200px; height: 200px; 17 background: yellow; 18 } 19 20 #inner { 21 position: fixed; 22 top: 7px; left: 9px; 23 width: 100px; height: 100px; 24 background: aqua; 25 } 26 27 </style> 28 <script type="text/javascript"> 29 30 window.addEventListener("load", function(event) { 31 setTimeout(function() { 32 document.getElementById("inner").style.display = ""; 33 document.documentElement.removeAttribute("class"); 34 }, 100); 35 }); 36 37 </script> 38 </head> 39 <body> 40 41 <div id="outer"> 42 <div id="inner" style="display:none">inner</div> 43 </div> 44 45 </body> 46 </html>