css - CSS三角形尖端不锋利

Question

我已经在不同的网站上使用 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 中看起来像这样：

我不知道这是什么时候发生的，我猜是 Firefox 24 或 25 的更新。

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

1. 我该怎么做才能让 Firefox 中的提示再次变尖？
2. 其他浏览器呢？

卡尔

Answer 1

好吧，这就是浏览器呈现它的方式，所以除了使用图像之外，您实际上无能为力。

Answer 2

对我来说看起来不错？您使用的是什么操作系统？（此处为 OSX 10.8.4）和 Firefox 25.0。在我看来，Chrome 也不错（最新版本）。Why do you need to have code when adding link to fiddle .__.