third_party/WebKit/LayoutTests/fast/transforms/overflow-with-transform.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   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
   7   <title>Scrollable Element With Transform</title>
   8   <style type="text/css" media="screen">
   9     #container {
  10       position: absolute;
  11       width: 200px;
  12       height: 200px;
  13       overflow:hidden;
  14       z-index: 0;
  15       border: 1px solid black;
  16       transform: rotate(0);
  17     }
  18
  19     #inner {
  20       position: relative;
  21       width: 200px;
  22       height: 500px;
  23       background-color: gray;
  24     }
  25   </style>
  26 </head>
  27
  28 <body>
  29
  30   <p>Gray div should be clipped by overflow: scroll div</p>
  31   <div id="container">
  32     <div id="inner">
  33       <p>
  34       ihasdkas sdkha sjdkahk dahsd jashd kashd kasdh aksd haskdh aksd h
  35       asfadjaskdh akdhaskd haskd haskd haskd haskdhka shdkasdh kas hdk
  36       asd asd asdas das d
  37       </p>
  38
  39       <p>
  40       ihasdkas sdkha sjdkahk dahsd jashd kashd kasdh aksd haskdh aksd h
  41       asfadjaskdh akdhaskd haskd haskd haskd haskdhka shdkasdh kas hdk
  42       asd asd asdas das d
  43       </p>
  44
  45       <p>
  46       ihasdkas sdkha sjdkahk dahsd jashd kashd kasdh aksd haskdh aksd h
  47       asfadjaskdh akdhaskd haskd haskd haskd haskdhka shdkasdh kas hdk
  48       asd asd asdas das d
  49       </p>
  50     </div>
  51   </div>
  52
  53 </body>
  54 </html>
  55