bug1472465-1-ref.html (643B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Bug 1472465</title> 6 <style type="text/css"> 7 #container { 8 border: 1px solid; 9 width: 500px; 10 height: 500px; 11 overflow: hidden; 12 } 13 14 #box { 15 opacity: 1.0; 16 position: absolute; 17 top: 100px 18 left: 100px; 19 z-index:1; 20 background-color: green; 21 width: 100px; 22 height: 100px; 23 } 24 25 #bg { 26 position:relative; 27 width: 2500px; 28 height: 2500px; 29 left: 0px; 30 top: 0px; 31 } 32 </style> 33 34 </head> 35 <body> 36 <div id="container"> 37 <div id="bg"> 38 <div id="box"> 39 Text to force layer state to inactive, that will get flattened. 40 </div> 41 </div> 42 </div> 43 44 </body> 45 </html>