shawnsingh@chromium.org | 3142b7d | 2013-03-06 00:11:28 +0000 | [diff] [blame] | 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> |