| <?xml version="1.0" encoding="utf-8"?> | |
| <html xmlns="http://www.w3.org/1999/xhtml"> | |
| <head> | |
| <title>Drag feedback for partly visible float: negative margins</title> | |
| <style type="text/css"> | |
| p | |
| {margin-top:0;} | |
| div | |
| {float:left; | |
| margin:-150px 0 0 -150px; | |
| height:200px; | |
| width:200px; | |
| background-color:navy;} | |
| </style> | |
| </head> | |
| <body> | |
| <div draggable="true" ondragstart="event.dataTransfer.effectAllowed = 'copy'"/> | |
| <p>Try to drag blue box above. Feedback overlay should be square.</p> | |
| </body> | |
| </html> |