div在IE中悬停时消失

Question

我不确定这是怎么回事。在Firefox和Chrome中，这可以正常工作，但在IE中则不能。我有一个固定的div（firstdiv），它会在悬停时显示另一个div（hiddendiv）。只要该div悬停在该div上，该div就应该保持可见。但是，当您将鼠标悬停在IE上时，它就会消失。为什么会这样？

我曾尝试过尝试不同的z-index值和定位，但是我不明白为什么IE无法正确处理此问题。

.firstdiv {
background: red;
position: fixed;
left: 10px;
bottom: 10px;
height: 50px;
width: 50px;
cursor: pointer;
z-index: 1110;
}

.hiddendiv {
background: blue;
position: fixed;
bottom: 60px;
height: 40px;
width: 244px;
display: none;
cursor: pointer;
z-index: 1200;
}

.firstdiv:hover + .hiddendiv {
display: block;
cursor: pointer;
}

.hiddendiv:hover {
display: block;
cursor: pointer;
}

<div class="firstdiv"></div>
<div class="hiddendiv"></div>

Answer 1

当我签入IE时，它工作正常。

不确定所使用的版本。不确定您的实际代码是否与您在此处提供的示例代码相同。

无论如何，以下代码可以为您提供帮助。

.firstdiv:hover + .hiddendiv:hover {
display: block;
cursor: pointer;
}

Answer 2

事实证明，这是由于Internet Explorer位于此站点的“兼容性视图”中。