LayoutTests/fast/css/clip-zooming.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   2    "http://www.w3.org/TR/html4/loose.dtd">
   3
   4 <html lang="en">
   5 <head>
   6   <title>clip and zooming</title>
   7   <style type="text/css" media="screen">
   8     html {
   9       zoom: 150%;
  10     }
  11     body {
  12       margin: 0;
  13     }
  14     .tester {
  15       position: absolute;
  16       top: 100px;
  17       left: 50px;
  18       height: 100px;
  19       width: 100px;
  20       background-color: red;
  21     }
  22     .box {
  23       position: absolute;
  24       top: 50px;
  25       left: 0px;
  26       height: 200px;
  27       width: 200px;
  28       background-color: green;
  29       clip: rect(50px 150px 150px 50px);
  30     }
  31   </style>
  32 </head>
  33 <body>
  34   <p><a href="https://bugs.webkit.org/show_bug.cgi?id=24753">https://bugs.webkit.org/show_bug.cgi?id=24753</a></p>
  35   <p>Test CSS clip with zooming. You should not see any red below</p>
  36   <div class="tester">
  37   </div>
  38 <div class="box">
  39 </div>
  40 </body>
  41 </html>