Html Css弹出菜单

当某个菜单项悬停时，我想创建弹出菜单，我的菜单如下：

项目1 |项目2 |项目3

当item2悬停时，我想在item2下方显示弹出框，箭头指向上方。我确信使用javascript很容易做到这一点，尽管我还没有做到。但这里的要求是只使用CSS

我发现这个例子：

唯一的区别是，我需要弹出窗口显示在菜单下方而不是上方，箭头指向上方而不是下方。如下图所示：

---

有人举过这样做的例子吗？或者可以帮我做这个吗？

查看css3转换（动画）。你会发现充满悬停转换和下拉菜单的很棒的教程。

伙计，你必须学习如何使用检查器：）技巧在

：在
之后和
之前的伪类中

所以，这里是该教程的工作，我已经改变了一些CSS，看看它

注意：这是CSS3的有效演示。这些伪类在较旧的浏览器中不起作用，您将看不到箭头。过渡和其他CSS3花哨的东西也是如此。如果你不想要JS，你应该意识到这一点。

上面的提琴只说明了一种方法。希望它能让您走上正轨。
您使用的是什么HTML？“弹出窗口”是从哪里来的？他们使用自定义CSS来完成该任务。你应该提供你自己的代码/作品，以供研究。你应该解释为什么你找到的样本没有给你足够的信息。是什么把你弄糊涂了？它不使用javascript。@Milan Puzovic Thank看起来很有希望，但如何指定鼠标悬停的链接，使弹出框出现，在本例中是IMG。在本例中，整个菜单链接到类为“.user”的元素。查看CSS以及class“.user”和
标记（即菜单）之间的关系。关系为。user:hover ul{可见性：可见；不透明度：1；填充：4px 0 6px；}。。。在你的类上应用CSS。