简体繁体 English

Android v4.0 CSS翻译

[英]Android v4.0 CSS translate

原文 2012-02-17 10:53:22 0 1 android/ css3

Currently I'm developing a webpage for multiple mobile platforms. 目前，我正在为多个移动平台开发网页。 I use JQuery and JQuery Mobile as library. 我使用JQuery和JQuery Mobile作为库。 The page uses only HTML5, CSS3 and JavaScript. 该页面仅使用HTML5，CSS3和JavaScript。

The day picker I'm writing uses the –webkit-transform: transform(0,-20px) function to scroll a list of numbers. 我正在编写的日期选择器使用–webkit-transform：transform（0，-20px）函数滚动数字列表。 This works fine in Chrome, Safari, iOS, Android 2.3.*. 在Chrome，Safari，iOS，Android 2.3。*中运行良好。 But on Android 4.0.1 it changes the order of the different elements. 但是在Android 4.0.1上，它更改了不同元素的顺序。 This results in a text jumping in front of the overlay making the spinner ugly. 这导致文本在覆盖层前面跳跃，使微调框难看。 I've tried using the z-index but this doesn't affect the transform animation. 我尝试使用z-index，但这不会影响变换动画。

When changing the margin-top instead of the transform works fine on Android 4.0 but I want to use the hardware accelerated css functions. 在Android 4.0上更改边距顶部而不是转换时，效果很好，但是我想使用硬件加速的CSS函数。

Is there anyone who could help me with this problem? 有没有人可以帮助我解决这个问题？

1 个解决方案

Posting some sample code of your css would help alot. 发布一些示例代码的CSS会很有帮助。 I've noticed that android 4.01's browser has some z-index issues that requires some restructuring of your html to get it to work. 我注意到android 4.01的浏览器存在一些z-index问题，需要对HTML进行一些重组才能使其正常工作。 But until i can see some code i wont be able to troubleshoot anything. 但是，直到我看到一些代码，我才能解决任何问题。