<?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> |