third_party/WebKit/LayoutTests/fast/table/border-radius-with-image.html

   1 <!doctype html>
   2 <html>
   3 <head>
   4 <script>
   5 if (window.testRunner)
   6     testRunner.dumpAsTextWithPixelResults();
   7 </script>
   8 <style>
   9 table {
  10     width: 225px;
  11     height: 225px;
  12     background: url('../backgrounds/resources/bg_position_larger.gif') repeat;
  13     border-radius: 50%;
  14     border: solid 1px #aaa;
  15 }
  16 #description {
  17     opacity: 0;
  18 }
  19 </style>
  20 </head>
  21 <body>
  22 <div>
  23     <table></table>
  24 </div>
  25 <div id='description'>
  26 Test crbug.com/243774: background image from rounded corner element bleeds out.
  27 If this test passes, the background image will be clipped according to border-radius.
  28 </div>
  29 </body>
  30