相关疑难解决方法(0)

JQuery UI可拖动元素在Chrome中留下了奇怪的痕迹

我正试图在这里制作我的第一个镀铬扩展.这是一个粘滞便笺板.但是当我尝试使用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)

css jquery google-chrome jquery-ui

16
推荐指数
1
解决办法
5901
查看次数

如何避免iPad上可触摸拖动的border-radius元素上的动画瑕疵?

我写了一个小例子页面,其中包含可在触摸设备上拖动的元素(基于Peter-Paul Koch编写的代码).

我有两个可拖动的<div>元素:一个绿色块和一个红色球(用球形制成border-radius).拖动与实施ontouchstart,ontouchmove以及ontouchend和"动漫"是通过改变完成topleft这些元素的CSS属性.

当我拖动绿色的时候,一切都是玫瑰和ponycorns.

但是当我在Safari 1(运行iOS 5.1.1)或iPad 3(6.0.1)上拖动Safari中的红色时,我会得到一些浅红色的小径,其中圆圈的后边缘(见下面的截图).

但是,我不会在iPhone 5(6.1.4)上看到这些路径.

我的元素上使用border-radius的工件

有没有办法摆脱这些痕迹?

(奖金问题:这个效果是否有一个术语?"重影"?"文物"?)

javascript css css3 touch-event ios

7
推荐指数
1
解决办法
1984
查看次数

标签 统计

css ×2

css3 ×1

google-chrome ×1

ios ×1

javascript ×1

jquery ×1

jquery-ui ×1

touch-event ×1