2014-09-22 104 views
0

我有一個在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> 

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

回答

0

經過這麼多時間,我們終於決定在移動設備中隱藏視頻標籤,以防止視頻標籤和windows phone中的z-index問題。