CSS导航Im构建的麻烦，悬停不会工作

Question

我有两个问题，在NAV我用CSS制作我使用div框作为子菜单，当盘旋菜单时出现。但我也使用了一个CSS制作的三角形，它位于菜单下方。以下是我使用的示例：

http://jsfiddle.net/f0t20sej/

以下是两个问题。

<div class="arrow-up"></div>

这是带箭头的div

一：我如何根据列表项的内容将三角形居中？因为宽度是可变的，我希望将其作为中心，但还没有找到方法。

悬停后显示的div是下一个

<div class="dropdown"> </div>

二：当你将鼠标悬停在菜单上时，子菜单会出现，但是当你试图进入子菜单时，它会关闭我放置边距的原因，这样可以看到三角形。只有当你将鼠标悬停在三角形上时，子菜单才会保持打开状态，但很难弄清楚这一点并没有真正有用。我需要将边距空间悬停，以便子菜单在到达之前不会消失。

欢迎任何想法：D提前感谢您的帮助。

Answer 1

对于边距空间和三角形问题，也许你可以在三角形和背后放置一个透明的div（带填充）。菜单。

background-color:transparent;