带有表单的弹出框 - 悬停在建议上（IE 错误）答案

【问题标题】：Popover with form - hover on suggestions (IE Bug)带有表单的弹出框 - 悬停在建议上（IE 错误）
【发布时间】：2013-09-22 21:47:09
【问题描述】：

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

当您将鼠标悬停在 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 问题。

【问题讨论】：

【解决方案1】：

当我读到'它适用于所有现代浏览器。只有 IE 问题' 我自己想：这个设计有问题，在 Internet Explorer 上不会重写它。

如果该元素不在锚点内，您希望您的元素如何在锚点上触发：悬停？

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

尝试另一种设计：

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

【讨论】：