语义UI 2.2中菜单项上的CSS弹出窗口

使用语义UI 2.2.9，我试图在页面的左侧放置一个垂直图标菜单，并在悬停时在每个菜单项的右侧显示弹出窗口。我正在语义UI 2.2中使用CSS弹出窗口

弹出窗口的主体本身显示正确，但存在渲染故障，即菜单上出现了一条对角线白线。我认为这可能是弹出窗口的箭头，因为它没有显示，但是添加

data variation=“basic”

并没有使它消失

如果我在菜单中放置一个实际的按钮，那么它的工具提示就可以正常工作，但是按钮在语义UI的菜单集合中的样式就不那么好了

下面是一个小的JS小提琴，显示了问题：

有什么想法吗

我还注意到这些弹出窗口在Safari 10中根本没有出现。不知道为什么，但这可能是相关的。它们确实出现在Chrome 56中

---

提前感谢。

对于这种情况，您需要避免使用语义UI的CSS弹出窗口，而使用JavaScript弹出窗口。CSS弹出窗口很方便，但它们有一些局限性，这似乎是其中之一。通过运行以下代码在元素上启用JavaScript弹出窗口：

$('#my-element').popup({
  content: 'Popup content'
})

Semantic UI使用弹出窗口的完整文档如下：