我正在尝试在 CSS 技巧http://css-tricks.com/snippets/css/css-triangle/中使用本文中使用的纯 css 三角形,但在 Firefox 14 中看起来很模糊。我可以以某种方式修复它吗?只是FF没有正确渲染它?
编辑:这是一个截图,它看起来像http://awesomescreenshot.com/0fcf904eb我认为这是一个普遍的问题,所以我只是放了一个链接到文章对不起
我正在尝试在 CSS 技巧http://css-tricks.com/snippets/css/css-triangle/中使用本文中使用的纯 css 三角形,但在 Firefox 14 中看起来很模糊。我可以以某种方式修复它吗?只是FF没有正确渲染它?
编辑:这是一个截图,它看起来像http://awesomescreenshot.com/0fcf904eb我认为这是一个普遍的问题,所以我只是放了一个链接到文章对不起
我遇到了同样的问题。原来这是我的图形驱动程序的问题。
检查Anisotropic Filtering
3D 图形驱动程序中的设置。我把我的设置为Override Application Settings
and 16x
。将其更改回Use Application Settings
并重新启动 Firefox 后,模糊消失了。
使用border-style: dotted;
将摆脱FF上的模糊边缘。基本上,除了border-style: solid;
应该工作之外的任何东西。它可能在 FF 最新版本中得到修复,但我肯定遇到了和你一样的问题,但无法在不同的 FF 版本上进行测试。
为了记录我在FF(我猜是15)winXP
屏幕抓取会很好。这可能会因设备、显示器等而有所不同。您是否查看过不同设备上的结果?我倾向于认为这将超出您的控制范围。
-moz-transform: scale(.9999);
我解决了这个问题。