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

Question

我试图让我的提示div的&他们1px的绿色边框：&前：箭头后，基于Paulie-D's tooltips with a 2px border.

我可以让他们在一个浏览器工作在同一时间：如果他们在Chrome工作，他们在Firefox中只有1px。如果他们在Firefox中工作，他们在Safari中只有1px。如果他们在Safari中工作，他们在Chrome中只有1px。等甚至没有用IE浏览器测试过。

Here's my attempt, in Codepen。

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

Answer 1

你尝试一台发电机？这是一个我用的，我没有注意到，跨浏览器的问题：http://cssarrowplease.com/

通过该工具生成的CSS比你的不同。可能你可以试试看。