css - 关于 CSS3 translate3d 闪烁,查了很多答案,但似乎不走运

标签 css ios web-applications flicker translate3d

首先,我在iOS上做一个html5的webapp,尤其是iPad。当touchmove时,div应该和我的手指一起移动,我曾经改变left值来实现这个效果,但似乎不够流畅,所以我用 translate3d 来做,看起来很棒! 然后,我发现奇怪的闪烁发生了,当手指移动div时,那里有几次白色闪烁或闪烁。顺便说一句,移动一次后,闪烁消失了。 所以,我检查了很多功能,包括:

-webkit-perspective: 1000;

-webkit-backface-visibility: hidden;

-webkit-transform: translate3d(0,0,0) rotate(0) scale(1);

但是除了把闪烁的颜色改成grey=.=没有人工作 所以,这是我的问题。(iOS 5.01)

最佳答案

你应该检查 child ,试着给他们

transform: translate3d(0,0,0);

-webkit-transform: translate3d(0,0,0);

关于css - 关于 CSS3 translate3d 闪烁,查了很多答案,但似乎不走运,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9052183/

相关文章:

html - CSS 中的类和 ID 有什么区别?举例说明在哪里使用

javascript - .click 在 Javascript 中没有任何效果 - 应该更新基于数组的两个元素

从 OS X 以外的环境驱动的 iOS UI 测试

ios - WatchKit 表是空白的

python - 在 Grails 与 Django 中运行 Web 应用程序

javascript - 我怎样才能在 Twitter Bootstrap 中有两个不同的模式

javascript - IE8 与 IE9 兼容性

iOS/Cocoa 数据 Controller 类 - 这是标准做法吗?

perl - Mason 是框架吗?

javascript - JS触摸轮播: performance issues