jquery mobile + CSS三角形+弹出窗口

Question

我正在尝试在弹出框上方添加一个三角形工具提示，以使其看起来很酷。

我有弹出窗口在按下的按钮下面的正确位置和要使用的CSS三角形，但我不知道如何将两个部分合并在一起，使它看起来不错。

三角形的CSS（在网上找到）是：

div.tooltip-arrow-up {
      width: 0px;
      height: 0px;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid #2f2f2f;
}

我尝试将箭头放在所有地方，但它看起来不正确。有没有人在网上有任何我可以看到的建议或教程？

顺便说一句。我将工具提示放在HTML上，如下所示：

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

如果这有任何不同。我现在需要弄清楚把它放在哪里。