CSS三角形尖端不锋利

我已经在不同的网站上使用CSS三角形大约一年了：

.triangle {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid red;
}

在Firefox（Mac OS X）中，三角形总是这样：

几天后，Firefox中的三角形看起来像这样：

我不知道这是什么时候发生的，我猜是因为Firefox24或25的更新

我绝对喜欢三角形以前的样子。现在，尖端看起来钝了

我该怎么做才能让Firefox中的提示再次清晰

其他浏览器呢

---

卡尔

浏览器就是这样呈现的，所以除了使用图像，你真的无能为力。

在我看来是这样吗？你在用什么操作系统？（此处为OSX 10.8.4）和Firefox 25.0。在我看来，Chrome（最新版本）也不错<代码>为什么在向fiddle添加链接时需要代码。_u.

不确定这是否有帮助，但尝试6px而不是7px无法在Windows上使用FF 25.0、Chrome 30.0或IE 10.0进行复制。渲染与使用W7 Fx24的OP相同，具有抗锯齿功能。更新到Fx 25re-Fx25中的值仍然与Fx24中的值相同。现在，一个14px的边有什么问题吗？第一个渲染有13px的一面，在我看来是错误的。这可能是一个愉快的意外，也可能是一个想要的bug，但它仍然是一个bug。我只能在放大到800%或更多的时候才能看到它！我同意你的看法，菲利普斯。由两个7px边框组成的13px端不可能正确。我正在使用OS X 10.9（Mavericks）。在另一台笔记本电脑上使用Mavericks进行测试，在Firefox中也可以。你有可能导致这种情况的插件吗？如果我在安全模式下启动Firefox（所有附加组件都被禁用），三角形看起来很尖锐！听起来像是一个附加组件：）就像我说的，我在mavericks上测试了Firefox25.0，看起来很犀利。试着一次禁用一个附加组件吗？非常非常奇怪：如果我手动禁用所有附加组件，一切都不会改变。我必须使用安全模式来获得一个锐利的三角形。如果它在更新后发生了变化，你可以追踪到是什么改变了它（如果你愿意深入挖掘bugzilla日志，并从理论上对其进行一些移动）