third_party/WebKit/LayoutTests/fast/clip/overflow-border-radius-fixed-position.html

   1 <html>
   2 <body>
   3 The div below should be rounded. You should see a rounded green square or the test has failed.
   4
   5 <div style="width:100px;height:100px;position:fixed;overflow:hidden;border-radius:30%">
   6 <div style="width:100px;height:100px;position:relative;background-color:green"></div>
   7 </div>
   8
   9 <p style="margin-top: 130px;">
  10 This div should not be rounded. You should see a solid green square or the test has failed.
  11
  12 <div style="width:100px;height:100px;overflow:hidden;border-radius:30%">
  13 <div style="width:100px;height:100px;position:fixed;background-color:green"></div>
  14 </div>
  15
  16 <p>
  17 This div should be rounded. You should see a rounded green square or the test has failed.
  18
  19 <div style="width:100px;height:100px;overflow:hidden;position:relative;border-radius:30%">
  20 <div style="width:100px;height:100px;overflow:hidden;border-radius:24px">
  21 <div style="width:100px;height:100px;position:absolute;background-color:green"></div>
  22 </div>
  23 </div>
  24 </div>