У меня очень досадная проблема: мой z-index не работает, а div расположен выше (по оси y), а не поверх (по оси z) другого div.
Это, вероятно, будет совершенно очевидно, но я не вижу проблемы с моим кодом.Может кто-нибудь определить, где я иду не так?Это должно быть так легко, но я так расстроен, потому что не могу найти решение.
<style>
.greenleftarrow{
position: relative;
z-index:10;
display:block;
background:#fff url(./images/greenleftarrow.jpg) no-repeat;
left:10px;
top: 0px;
height:140px;
opacity:0.5;
filter:alpha(opacity=50);
}
</style>
<body id="body1" style="position: relative; z-index:-1; height: 510px;" onload="javascript:showAndroidToast('1'); inspectLang(); getDocHeight()">
<div class="greenleftarrow" id="greenleftarrow" ></div>
<div style="position: relative; z-index:-1;">body body body body</div>
</body>