我正试图在这里制作我的第一个镀铬扩展.这是一个粘滞便笺板.但是当我尝试使用JQueryUI拖动我的主板上的第一个元素时,它会将水平线留在chrome中作为跟踪.
这是一个截图.

这是代码.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Sticky notes using CSS3 and Google Fonts (Step 5)</title>
<link href="http://fonts.googleapis.com/css?family=Reenie+Beanie:regular" rel="stylesheet" type="text/css">
<style type="text/css">
body{
font-family:arial,sans-serif;
font-size:100%;
background:#666;
color:#fff;
}
h2,p{
font-size:100%;
font-weight:normal;
}
ul,li{
list-style:none;
}
ul{
overflow:hidden;
padding:3em;
}
ul li div{
color:#000;
background:#ffc;
min-height:10em;
min-width:10em;
padding:1em;
-moz-box-shadow:5px 5px 7px rgba(33,33,33,1);
-webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);
box-shadow: 5px 5px 7px rgba(33,33,33,.7);
-moz-transition:-moz-transform .15s linear;
-o-transition:-o-transform .15s linear;
-webkit-transition:-webkit-transform .15s linear;
}
ul li{
margin:1em;
float:left;
}
ul …Run Code Online (Sandbox Code Playgroud) 我写了一个小例子页面,其中包含可在触摸设备上拖动的元素(基于Peter-Paul Koch编写的代码).
我有两个可拖动的<div>元素:一个绿色块和一个红色球(用球形制成border-radius).拖动与实施ontouchstart,ontouchmove以及ontouchend和"动漫"是通过改变完成top和left这些元素的CSS属性.
当我拖动绿色的时候,一切都是玫瑰和ponycorns.
但是当我在Safari 1(运行iOS 5.1.1)或iPad 3(6.0.1)上拖动Safari中的红色时,我会得到一些浅红色的小径,其中圆圈的后边缘(见下面的截图).
但是,我不会在iPhone 5(6.1.4)上看到这些路径.

有没有办法摆脱这些痕迹?
(奖金问题:这个效果是否有一个术语?"重影"?"文物"?)