Safari-使用“ filter:drop-shadow()”拖动jQuery会留下痕迹

时间:2018-11-08 13:19:10

标签: jquery css safari

我有一个<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>

Safari中遇到的问题: enter image description here

0 个答案:

没有答案