Z-indexはSamsung Galaxyタブでは機能しませんか？

Question

私は、eラーニングがsamsung galaxyタブで再生されるwork atmのためにこのプロジェクトに取り組んでいます。ゲームは単なるウェブサイトですが、アプリとして表示されます。

最初にログインするとこのウェルカムメッセージのポップアップが表示され、背後には透明性のある黒いオーバーレイが表示されます。

問題は、PC上ではFirefoxを使用している間はすべてうまくいくが、タブレットではZ-インデックスがうまくいかないようだ。デバッグが不可能で、この問題に関するドキュメントを見つけることができませんでした。 z-indexがタブレット上で異なって動作するかどうか知っていますか？

ポップアップにはZ-インデックス999があり、オーバーレイにはZ-インデックス998, が表示されます。 私はGoogle上で検索を続け、私が行ったすべての進歩を投稿します。

編集： オーバーレイはjQueryのに作成されます。 VAR showPopup = '<% = ViewDataを（ "showPopup"）のtoString（）％>' 今解決

if (showPopup == "True") { $('body').prepend('<div class="overlay"></div>'); $('#welcomeBox').show(); } 

、解決のためのコメントを見ます。答えを見つけ

Answer 1

は、 答えはStackOverflowの上で部分的だったここで見つけることができます：Android Webkit: Absolutely positioned elements don't respect z-index

残りはチュートリアルで発見されました。

ソリューションは、以下の通りであった：

私はjQueryのでオーバーレイを追加しましたが、ポップ・アップは、HTMLにあったが、ちょうど隠さ。 そのコードの一部をjQueryのチェックにも追加しました。 オーバーレイの不透明度を継承するポップアップを防ぐために、私は$('body').prependを再度使用しなければなりませんでした。それはすべて今働く。

Answer 2

私はパーティーに遅れていましたが、これは-webkit-transformを追加するための最良の解決策でした。translate3d（0,0,0）;絶対配置され、z-インデックス付けされたアイテムに移動します。 毎回問題を解決しました。