049-manual.html (619B)
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: negative margins</title> 6 <style type="text/css"> 7 p:first-child 8 {margin:-50px 0 0 -50px;} 9 img 10 {height:100px; 11 width:100px;} 12 </style> 13 </head> 14 <body> 15 <p><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAEElEQVR42mNgaGD4D8YwBgAw9AX9Y9zBwwAAAABJRU5ErkJggg==" alt="PNG green pixel" ondragstart="event.dataTransfer.effectAllowed = 'copy'"/></p> 16 <p>Try to drag green box above. Feedback overlay should be green square.</p> 17 </body> 18 </html>