CSS 语义菜单项上的弹出窗口 UI 2.2
CSS popups on menu items in Semantic UI 2.2
Using Semantic UI 2.2.9 我试图在页面左侧放置一个垂直图标菜单，并在悬停时在每个菜单项的右侧显示弹出窗口。我在 Semantic UI 2.2.
中使用 CSS 弹出窗口
弹出窗口的主体本身显示正确，但存在渲染故障，即菜单上出现对角白线。我认为这可能是弹出窗口的箭头，因为它没有显示，但添加 data-variation="basic" 并没有让它消失。
如果我在菜单中放置一个实际的按钮，那么它的工具提示可以正常工作，但按钮在语义 UI 的菜单集合中的样式并不是那么好。
这是一个显示问题的小 JS Fiddle：
https://jsfiddle.net/richardviney/g8cxnqaf/3/
有什么想法吗？
我刚刚还注意到弹出窗口根本没有出现在 Safari 10 中。不知道为什么，但这可能是相关的。它们确实出现在 Chrome 56.
提前致谢。
对于这种情况，您需要避免使用语义 UI 的 CSS 弹出窗口，而改用 JavaScript 弹出窗口。 CSS 弹出窗口很方便，但它们有局限性，这似乎是一个局限性。通过 运行 此代码在元素上启用 JavaScript 弹出窗口：
$('#my-element').popup({
content: 'Popup content'
})
Semantic UI 使用弹出窗口的完整文档在此处：
Using Semantic UI 2.2.9 我试图在页面左侧放置一个垂直图标菜单，并在悬停时在每个菜单项的右侧显示弹出窗口。我在 Semantic UI 2.2.
中使用 CSS 弹出窗口弹出窗口的主体本身显示正确，但存在渲染故障，即菜单上出现对角白线。我认为这可能是弹出窗口的箭头，因为它没有显示，但添加 data-variation="basic" 并没有让它消失。
如果我在菜单中放置一个实际的按钮，那么它的工具提示可以正常工作，但按钮在语义 UI 的菜单集合中的样式并不是那么好。
这是一个显示问题的小 JS Fiddle：
https://jsfiddle.net/richardviney/g8cxnqaf/3/
有什么想法吗？
我刚刚还注意到弹出窗口根本没有出现在 Safari 10 中。不知道为什么，但这可能是相关的。它们确实出现在 Chrome 56.
提前致谢。
对于这种情况，您需要避免使用语义 UI 的 CSS 弹出窗口，而改用 JavaScript 弹出窗口。 CSS 弹出窗口很方便，但它们有局限性，这似乎是一个局限性。通过 运行 此代码在元素上启用 JavaScript 弹出窗口：
$('#my-element').popup({
content: 'Popup content'
})
Semantic UI 使用弹出窗口的完整文档在此处：