Html 跨浏览器1px工具提示箭头与CSS的边框？

我试图在我的工具提示div及其：before和：after箭头上获得1px绿色边框，基于

我可以让他们一次在一个浏览器中工作：如果他们在Chrome浏览器中工作，那么在Firefox中就可以减少1px。如果它们在Firefox中工作，那么在Safari中就可以减少1倍。如果他们在Safari中工作，他们在Chrome中会减少1倍。等等。甚至还没有用IE测试过

---

有人能帮忙吗？是否有可能获得一致的跨浏览器结果，或者我最好放弃使用背景图像？

您是否尝试过生成器？下面是我使用的一个，我没有注意到跨浏览器问题：

---

此工具生成的CSS与您的不同。也许你可以试一试。

很难做到这一点（这也是我在演示中使用数字的原因之一）。如果仔细观察，在我的版本中边框不太右（左/右箭头）。因为边框是倾斜的，所以会出现一些亚像素问题和锯齿。坦白地说，我不会太担心，这并不是说“真实”的人实际上有不止一个浏览器。