在ios中嵌入視頻防止導航欄功能jquery mobile

我已經嵌入我的data-role="content"內的視頻，其滾動我的導航欄固定頁腳下方。

這工作正常，視頻海報/框架也滾動在我的頁腳下。

然而，當視頻幀是直接固定導航欄下方的頁腳（即堆疊頁面中旬滾動）的導航欄上點擊任何迴應，好像他們的視頻幀實際上是在上面。

因此，雖然一切都顯得理所應當從視覺的角度來看它執行上按一下週圍的正好相反的方式。

EDIT：這種情況包裝和在xcode的仿真器上運行，使用科爾多瓦2.9.0和4.6的xcode時。它不會發生在網絡瀏覽器中。

我試圖用z-index解決這個問題，但它似乎並沒有工作過。以下是相關代碼：

<div data-role="content"> 




    <video poster="img/logo.png"> 

     <source src="videos/videosample.mp4" type="video/mp4" /> 

    </video> 

</div> 

<div class="container"><img src="img/Background_Dark.png" width="100%"/> 

</div> 

<div data-role="footer" data-tap-toggle="false" data-position="fixed" data-id="myfooter"> 
    <nav data-role="navbar"> 
    <ul> 
     <li><a href="#page" data-transition="fade"><img src="img/Home_JQuery_Footer_Icon.png" width="35%" alt=""/></a></li> 
     <li><a href="#page4" data-transition="fade"><img src="img/About_Us_JQuery_Footer_Icon.png" width="35%" alt=""/></a></li> 
     <li><a href="#page3" data-transition="fade"><img src="img/Request_JQuery_Footer_Icon.png" width="34%" alt=""/></a></li> 

     </ul> 
     </nav> 
</div>

謝謝。

來源

2013-09-26 OliverJ90

爲尋找一個固定到類似的問題，我發現this文章演示如何創建一個可滾動的div出內容區。這固定了我遇到的重疊問題。

來源

2013-09-28 09:14:46 OliverJ90

在ios中嵌入視頻防止導航欄功能jquery mobile

回答

相關問題