纯CSS CSS在火狐中看起来很模糊 [英] Pure CSS triangle looks blurry in firefox

问题描述

我正在尝试使用CSS技巧中使用的纯css三角形 http://css-tricks.com/snippets/css/css-triangle/ ，但看起来模糊在Firefox 14.我可以修复它，或者只是FF不能正确渲染它？ p>

编辑：这就是它的样子 HTTP的截图：// awesomescreenshot。 com / 0fcf904eb 我以为这是一个普遍的问题，所以我只是把一个链接的文章对不起这个

解决方案

使用 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

这篇关于纯CSS CSS在火狐中看起来很模糊的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！