heavy-styling-008.html (770B)
1 <!DOCTYPe html> 2 <meta charset='utf-8'> 3 <title>drag and drop – feedback overlay for heavily styled elements – 008</title> 4 <style> 5 a { 6 display: block; 7 height: 200px; 8 width: 200px; 9 background-color: green; 10 position: absolute; 11 top: 100px; 12 left: 10px; 13 z-index: 1; 14 } 15 16 a + a { 17 background-color: red; 18 position: absolute; 19 top: 150px; 20 left: 20px; 21 z-index: 2; 22 } 23 24 25 </style> 26 27 <p>Drag the green box below downwards. The drag placeholder should resemble the green box, including the text within it. It may optionally be a complete square, or the same shape as the visible part of the green box. There should be no red in the drag placeholder.</p> 28 29 <a draggable="true" ondragstart="event.dataTransfer.effectAllowed ='copy'">TEST</a> 30 31 <a href='#'>TEST</a>