zIndex的Windows Mobile的

我有一個在Windows Mobile的視頻標籤的z-index的問題，我的搜索框zIndex的Windows Mobile的

<div portal:substituteby='common/search::search'></div>

應該是在視頻

     <a th:if="${hrefCinemagraph}!='#'" th:href="${hrefCinemagraph}" th:target="${targetCinemagraph}" class="center"> 
          <div> 
           <div class="navigation"></div> 
           <img the:src="@{${imageCinemagraph}}" alt="Ofertas de viajes" title="Ofertas de viajes"/> 
          </div> 
         </a>

但是，在Windows Mobile的不可能使它看起來像是如果我使用z-index屬性，視頻始終位於頂部。

兩個元素（div和a href）在它們的CSS中都有絕對位置。

我曾嘗試在頁面加載後使用jQuery來設置屬性，但它不工作之一：

setTimeout(
       function() 
       { 
        $(document).ready(function(){ 
         $('#video').css("-webkit-transform-style","preserve-3d"); 
         $('#video').css("z-index",1); 
         $('#video').css("position","absolute"); 
         $('#buscador').css("position","absolute"); 
         $('#buscador').css("z-index",1000000); 
         alert("video z index is " + $('#video').zIndex()); 
         alert("buscador z index is " + $('#buscador').zIndex()); 
        }); 
       }, 5000);

我的代碼：

   <div class="gallery"> 
        <section> 
         <div portal:substituteby='common/search::search'></div> 
         <a th:if="${hrefCinemagraph}!='#'" th:href="${hrefCinemagraph}" th:target="${targetCinemagraph}" class="center"> 
          <div> 
           <div class="navigation"></div> 
           <img the:src="@{${imageCinemagraph}}" alt="Ofertas de viajes" title="Ofertas de viajes"/> 
          </div> 
         </a> 
         <div th:if="${hrefCinemagraph}=='#'" class="center"> 
          <div class="navigation"></div> 
          <img the:src="@{${imageCinemagraph}}" alt="Ofertas de viajes" title="Ofertas de viajes" /> 
         </div> 
         <div class="right"></div> 
        </section> 
       </div>

我花了一整天試圖解決它。

來源

2014-09-22 user3402629