third_party/WebKit/ManualTests/drag-background-with-padding.html

   1 <!DOCTYPE HTML>
   2 <html>
   3   <body style="background-color: silver;">
   4     <p>For a draggable element that has padding, the drag image that is created
   5     should respect that background color. Note that none of the drag images
   6     use any of the body element's silver background.</p>
   7
   8     <div style="position: absolute; top: 100px; padding: 50px; border: solid 2px black;" draggable="true">
   9       <div style="background-color: grey; width: 100px; height: 100px;">Drag me! Drag image padding should remain transparent.</div>
  10     </div>
  11
  12     <div style="position: absolute; top: 350px; padding: 50px; border: solid 2px black; background-color: rgba(1, 0, 0, 0);" draggable="true">
  13       <div style="background-color: grey; width: 100px; height: 100px;">Drag me! Drag image padding should be transparent.</div>
  14     </div>
  15
  16     <div style="position: absolute; top: 350px; left: 250px; padding: 50px; border: solid 2px black; background-color: white;" draggable="true">
  17       <div style="background-color: grey; width: 100px; height: 100px;">Drag me! Drag image padding should be white.</div>
  18     </div>
  19
  20     <div style="position: absolute; top: 350px; left: 500px; padding: 50px; border: solid 2px black; background-color: lime;" draggable="true">
  21       <div style="background-color: grey; width: 100px; height: 100px;">Drag me! Drag image padding should be lime.</div>
  22     </div>
  23
  24     <div style="position: absolute; top: 100px; left: 250px; width: 200px; height: 200px; background-color: cyan;"> Drag on top of me just for reference.</div>
  25
  26   </body>
  27 </html>