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>
我花了一整天試圖解決它。