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