使用 border-style：dotted; 将摆脱FF上模糊的边缘。基本上，除 border-style：solid; 之外的任何东西都可以工作。它可能会在FF最新固定，但我绝对经历了同样的问题，但不能在不同的FF版本测试。

记录我在FF 15我猜）winXP

I'm trying to use the pure css triangle used in this article in CSS tricks http://css-tricks.com/snippets/css/css-triangle/ but the look blurry in firefox 14. Can I fix it somehow or is it just that FF doesn't render it correctly?

EDIT: Here's an screenshot of how it looks like http://awesomescreenshot.com/0fcf904eb I thought it was a general issue so I just put a link to the article sorry about that

use border-style: dotted; will get rid of the blurry edge on FF. Basically, anything but border-style: solid; should work. It might be fixed in FF latest but I definitely experienced the same problem as you, but couldn't test on different FF versions.

For the record I was on FF (15 I guess) winXP