src/third_party/WebKit/LayoutTests/compositing/iframes/invisible-nested-iframe.html

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