preserve3d_sorting_hit_testing_iframe.html (523B)
1 <!DOCTYPE HTML> 2 <title>preserve-3d hit testing</title> 3 <style> 4 #parent { 5 transform-style: preserve-3d; 6 } 7 8 #big { 9 width: 1000px; 10 height: 1000px; 11 background-color: #995C7F; 12 transform: translate3d(0px, 0px, 350px) rotatey(45deg); 13 } 14 15 #small { 16 width: 100px; 17 height: 100px; 18 background-color: #835A99; 19 transform: translate3d(600px, 200px, 350px); 20 } 21 </style> 22 <body> 23 <div id="stage"> 24 <div id="parent"> 25 <div id="small"></div> 26 <div id="big"></div> 27 </div> 28 </div>