我有一个<div>
,可以使用可拖动的jquery进行拖动。该操作将痕迹留在Safari中,但可在其他浏览器中使用。在Chrome中发现了与重涂有关的类似(旧)问题,提出了使用outline:1px solid transparent
的解决方案,但帽子对此无济于事。
$(function() {
$("#draggableItem").draggable();
});
#draggableItem {
width: 130px;
position: relative;
top: 30px;
left: 30px;
padding: 20px;
text-align: center;
font-family: sans-serif;
background-color: #EEEEEE;
filter: drop-shadow(rgb(100, 100, 100) 0px 0px 14px);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<div id="draggableItem">
Drag this box
</div>