050-manual.html (671B)
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: relative position</title> 6 <style type="text/css"> 7 p:first-child 8 {margin:0; 9 position:relative; 10 top:-50px; 11 left:-50px;} 12 img 13 {display:block; 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>