跨瀏覽器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比你的不同。可能你可以試試看。