Android v4.0 CSS翻訳する

Question

現在、私は複数のモバイルプラットフォーム用のWebページを開発しています。私はライブラリとしてJQueryとJQuery Mobileを使用します。このページではHTML5、CSS3、JavaScriptのみを使用しています。

私が書いているピッカーは、数字のリストをスクロールする-webkit-transform：transform（0、-20px）関数を使用しています。これはChrome、Safari、iOS、Android 2.3でうまく動作します*。しかしAndroid 4.0.1では、さまざまな要素の順序が変更されます。これにより、オーバーレイの前にテキストがジャンプし、スピナーが醜いものになります。私はz-indexを使ってみましたが、これは変換アニメーションには影響しません。

変換の代わりにmargin-topを変更すると、Android 4.0ではうまく動作しますが、ハードウェアアクセラレーションされたCSS機能を使用したいと考えています。

この問題で私を助けることができる人はいますか？

Answer 1

あなたのCSSのいくつかのサンプルコードを投稿すると、たくさんの助けになります。私は、アンドロイド4.01のブラウザにはz-indexの問題があることに気付きました。これには、HTMLを再構築して動作させる必要があります。しかし、私は何かをトラブルシューティングすることはできませんいくつかのコードを見ることができるまで。