051-manual.html (660B)
1 <!DOCTYPE html> 2 <?xml version="1.0" encoding="utf-8"?> 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 <head> 5 <title>Drag feedback for partly visible image: absolute position</title> 6 <style type="text/css"> 7 img 8 {position:absolute; 9 top:-50px; 10 left:-50px;} 11 p + p 12 {margin-top:100px;} 13 img 14 {height:100px; 15 width:100px;} 16 </style> 17 </head> 18 <body> 19 <p><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAEElEQVR42mNgaGD4D8YwBgAw9AX9Y9zBwwAAAABJRU5ErkJggg==" alt="PNG green pixel" ondragstart="event.dataTransfer.effectAllowed = 'copy'"/></p> 20 <p>Try to drag green box above. Feedback overlay should be green square.</p> 21 </body> 22 </html>