Android Webkit输入元素与CSS3 translate3D错误

时间:2011-11-15 17:36:29

标签: android css3 input webkit translate3d

我正在开发的Webkit Android App中的Input元素存在一些问题。测试2.X,但3.x似乎没有这些问题......

该应用程序的工作原理是为每个“页面”分别设置Div,并且我使用CSS3 translate3D在页面之间设置动画。其中一些页面包含Input元素。当我点击输入以获得焦点时,我的任何“位置:固定”Div将从顶部移动约5px,并且剩下5px。现在是踢球者...它最终将自我修复,然后当你点击一个输入时再也不会再发生,它只是第一次......

我的另一个问题是,输入元素与键盘一起使用,例如,拼写更正/自动完成不会输入文本,使用Swype键盘时,您无法“刷”单词,每个字母只需单独点击将文本输入到Input元素中。

我读过很多这些可能是由CSS3 Translate3D引起的。但是,我已经尝试了解决这些问题的所有方法,并且我已经搜索了几乎每个网站的解决方案,但还没有找到解决方案,或者找到其他人解决这个问题......

是否有其他人有这些问题,或者知道修复?

(可能的解决方案?)任何人都知道如何覆盖webkit中Input元素的默认行为?我想知道我是否可以生成自己的TextView并将其放在这些输入字段上......?

非常感谢任何帮助:)

1 个答案:

答案 0 :(得分:1)

我在Android应用中确实经历过这种情况。 translate3d对z-index有一定的影响,因为android在ICS之前没有硬件加速,所以translate3d是在android 2.x上使用的问题。尝试常规的ole translate(),是的,表现非常悲伤。我尽量不在android 2.x上做很多动画