layout/reftests/svg/clipPath-on-outflowElement-01b.html

   1 <!DOCTYPE html>
   2 <html>
   3 <style type="text/css">
   4   #outer {
   5     width: 100px;
   6     height: 100px;
   7     overflow: hidden;
   8   }
   9
  10   #clipped {
  11     clip-path: url(#myClip);
  12   }
  13
  14   #absolutePosition {
  15     position: absolute;
  16     top: 0;
  17     left: 0;
  18     width: 400px;
  19     height: 400px;
  20     background-color: blue;
  21   }
  22 </style>
  23
  24 <body style="margin: 0px;">
  25   <div id="outer">
  26     <div id="clipped">
  27       <div id="absolutePosition">
  28       <!-- This should only be clipped by the clip-path, not by the 100x100
  29            overflow:hidden clip. -->
  30       </div>
  31     </div>
  32   </div>
  33   <svg height="0">
  34     <defs>
  35       <clipPath id="myClip">
  36         <rect x="0" y="0" width="100" height="100"/>
  37         <rect x="100" y="100" width="100" height="100"/>
  38         <rect x="200" y="200" width="100" height="100"/>
  39       </clipPath>
  40     </defs>
  41   </svg>
  42 </body>
  43 </html>