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> 28
