2011-11-28 46 views
5

我正在爲這個項目工作atm,在三星Galaxy Tab上播放電子學習。遊戲只是一個網站,但會顯示爲應用程序。Z索引不工作在三星星系標籤?

當您第一次登錄時,您將看到一個帶有歡迎信息的彈出窗口,背後是一個透明的黑色覆蓋。

問題是,在PC上,雖然在Firefox上它一切都很好,但在平板電腦上,Z-index似乎不起作用。它不可能調試,我無法找到關於這個問題的任何文檔。 那麼有誰知道z-index在平板電腦上的工作方式是不同的,或者我該如何解決?

彈出有z-index 999和覆蓋是z-索引998, 任何想法呢? 我會繼續在谷歌搜索,並會發布我所做的所有進展。

編輯: 疊加將在Jquery的創建: VAR showPopup =

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

現在解決 '<%= ViewData的( 「showPopup」)的toString()>%',請參閱溶液評。

+0

找到了答案,答案是部分在計算器可以在這裏找到:HTTP://stackoverflow.com/questions/2562206/android-webkit-absolutely-positioned-elements-dont-respect-z-index 的休息是在教程中找到的。 解決方案如下: 我在jQuery中添加了疊加層,但彈出窗口在html中,但只是隱藏起來。所以我將這部分代碼也添加到了jQuery檢查中。 爲了防止彈出繼承覆蓋的不透明度,我不得不再次使用'$('body')。prepend'。 現在一切正常。 必須放在這裏,因爲我不允許回答我自己的問題:( –

+0

我會在6小時內解答上面的答案,當我可以^^ –

回答

0

找到了答案, 答案是部分在計算器可以在這裏找到:Android Webkit: Absolutely positioned elements don't respect z-index

剩下的就是在教程中。

的解決方案是以下幾點:

我加了覆蓋在jQuery的,但彈出了HTML,但只是被隱藏了。 所以我將這部分代碼也添加到了jQuery檢查中。 爲了防止彈出繼承覆蓋的不透明度,我不得不再次使用$('body').prepend。現在一切正常。

+0

謝謝編輯:) –

9

晚會但​​我發現最好的解決方案是添加-webkit-transform:translate3d(0,0,0);到絕對定位和z-索引的項目。 每次都解決了我的問題。

+0

這對我有用三星Galaxy S2運行Android 4.0.4 – Giorgio

+0

夢幻般的工作!這是在做我的堅果!如果我能的話,我會+50! –