У меня есть эти два элемента div, и предполагается, что «a» останется выше «b», как установлено z-index, но это не сработает, и в журналах говорится, что оба z-index являются автоматическими. Почему?
<div id="a" style="z-index=2; position:fixed; width:100%; height:40px; background:green;">
</div>
<div id="b" style="z-index=1; position: relative; width:100%; top:20px; height:100px; background:gray; left:40px;">
</div>
<script>
console.log("a",window.getComputedStyle(document.getElementById("a")).zIndex);
console.log("b",window.getComputedStyle(document.getElementById("b")).zIndex);
</script>
Если установлено javascript, это работает:
document.getElementById("a").style.zIndex=2;
Но встроенный z-index не будет работать почему?