Html “：悬停以更改z索引”在IE8中不工作

我已经创建了一堆div标记，并使用z索引使它们显示在彼此后面

它们的重叠程度足以使它们全部可见，并且鼠标可移动。然后，我指定了一个：hover来更改z索引，并使被悬停的div标记位于堆的顶部

我所拥有的一个例子是

CSS

HTML

我还创建了一个帮助突出正在发生的事情

这在所有浏览器的最新版本中都非常有效，但是在IE8中div标签的z索引没有改变

谁能帮我修一下吗？

这应该可以修一下：

基本上，只需将其设置为一个高得离谱的数字

---

编辑：我刚刚在你的JSFIDLE上的IE版本中测试了这一点，效果很好。

谢谢你的回复，我尝试过给他们一个高得离谱的z索引，但没有效果，然后我创建了一个父div，他们将被包含在其中，并给他们一个更高的z索引，但也没有效果。我也尝试过不同的位置：在所有的div上，但这也不起作用。你能把我链接到你创建的JSFIDLE上吗？这样我就可以看到我没有正确地做什么了；我不在我的Windows盒子上。不幸的是，如果没有这些愚蠢的数字，现在它似乎是可行的。我已经检查过了，我肯定在使用IE8。用户代理：兼容；msie8.0；WindowsNT6.1；Win64；x64；三叉戟/4.0。NET CLR 2.0.50727；SLCC2。NET CLR 3.5.30729。NET CLR 3.0.30729；Media Center PC 6.0。NET4.0C。NET4.0EI只是在兼容模式打开的情况下对其进行了测试，然后它以任何方式都无法工作。

#red-box {
position:fixed;
width:170px;
height:210px;
margin-left:70px;
top:40px;
background-color:red;
z-index:3;
}

#red-box:hover {
z-index:5;
}


#blue-box{
position:fixed;
width:170px;
height:210px;
margin-left:150px;
top:70px;
background-color:blue;
z-index:2;
}

#blue-box:hover{
z-index:5;
}

<a id="red-box"></a>
<a id="blue-box"></a>