OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 | 2 |
3 <html> | 3 <html> |
4 <head> | 4 <head> |
5 <style type="text/css" media="screen"> | 5 <style type="text/css" media="screen"> |
6 iframe { | 6 iframe { |
7 border: 10px solid black; | 7 border: 10px solid black; |
8 padding: 5px; | 8 padding: 5px; |
9 height: 150px; | 9 height: 150px; |
10 width: 300px; | 10 width: 300px; |
11 -webkit-box-shadow: 0 0 20px black; | 11 -webkit-box-shadow: 0 0 20px black; |
12 } | 12 } |
13 .box { | 13 .box { |
14 height: 200px; | 14 height: 200px; |
15 width: 200px; | 15 width: 200px; |
16 margin: 10px; | 16 margin: 10px; |
17 padding: 5px; | 17 padding: 5px; |
18 background-color: blue; | 18 background-color: blue; |
19 -webkit-transform: translateZ(0); | 19 transform: translateZ(0); |
20 overflow:hidden; | 20 overflow:hidden; |
21 } | 21 } |
22 .box:hover { | 22 .box:hover { |
23 -webkit-transform: none; | 23 transform: none; |
24 } | 24 } |
25 </style> | 25 </style> |
26 </head> | 26 </head> |
27 <body> | 27 <body> |
28 | 28 |
29 <!-- The nested iframe inside invisible iframe should not set itself as the
root layer. --> | 29 <!-- The nested iframe inside invisible iframe should not set itself as the
root layer. --> |
30 <div style="display: none;"> | 30 <div style="display: none;"> |
31 <iframe src="resources/intermediate-frame.html"></iframe> | 31 <iframe src="resources/intermediate-frame.html"></iframe> |
32 </div> | 32 </div> |
33 <div class="box"> | 33 <div class="box"> |
34 </div> | 34 </div> |
35 </body> | 35 </body> |
36 </html> | 36 </html> |
OLD | NEW |