layout/reftests/xul/inactive-fixed-bg-bug1205630-ref.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <title>Testcase</title>
   5
   6 <style>
   7
   8 body {
   9   margin: 0px;
  10   padding: 0px;
  11 }
  12
  13 #inner {
  14   width: 100px;
  15   height: 100px;
  16   background: linear-gradient(red, blue) no-repeat;
  17   background-position: -50px -50px;
  18   background-size: 800px 800px;
  19 }
  20
  21 #outer {
  22   margin: 50px 50px 0;
  23   width: 100px;
  24   height: 100px;
  25   clip-path: url(#path);
  26   position: fixed;
  27 }
  28
  29 </style>
  30 </head>
  31 <body>
  32 <div id="outer">
  33   <div id="inner"></div>
  34 </div>
  35
  36 <svg height="0">
  37   <defs>
  38     <clipPath id="path" clipPathUnits="objectBoundingBox">
  39       <polygon points="0.25,0.25 0.25,0.75 0.75,0.75 0.75,0.25"/>
  40     </clipPath>
  41   </defs>
  42 </svg>
  43 </body>
  44 </html>