弹出窗体 - 悬停在建议上（IE Bug）

Question

我有一个大问题。在顶部我有一个按钮，如果你将鼠标悬停在它上面，你将获得弹出窗口。现在，您单击输入并获取建议。

当你在IE 9中的一个建议处悬停时，弹出窗口会失去焦点/悬停，我必须再次悬停在按钮上以获得弹出窗口。

任何想法或解决方案吗？

<div class="has-layer">
  <a href="">Fachpartner-Portal</a>
  <div class="popover"></div>
</div>

---

.has-layer .popover {
  display: none;
}
.has-layer a:hover + .popover {
  display: block;
}

适用于所有现代浏览器。只有IE-Problem。

Answer 1

当我阅读'它适用于所有现代浏览器。只有IE-Problem '我想我自己：这个设计是错误的，并且Internet Explorer不会重写它。

你如何期望你的元素在锚点上被激活：如果该元素不在锚点内，则悬停？

指针一旦离开锚点（移动到另一个容器），css就会正常运行。

尝试其他设计：

<div class="has-layer">
    <a href="">Fachpartner-Portal
        <div class="popover"></div>
    </a>
</div>