纯CSS三角形看起来模糊在Firefox(Pure CSS triangle looks blurr

2019-09-22 04:28发布

我试图使用本文中CSS技巧中使用的纯CSS三角形http://css-tricks.com/snippets/css/css-triangle/但看在Firefox模糊14.我可以以某种方式解决它或它只是FF不能正确渲染呢?

编辑:这就是它看起来像一个截图http://awesomescreenshot.com/0fcf904eb我认为这是一个普遍的问题,所以我只是把一个链接的文章感到很抱歉

Answer 1:

使用border-style: dotted; 将摆脱对FF模糊的边缘。 基本上,任何事情,但border-style: solid; 应该管用。 这可能是固定在FF最新的,但我肯定遇到了同样的问题,因为你,而是在不同的FF版本无法测试。

因为我是在FF的记录(15我猜)的winXP



Answer 2:

我也有同样的问题。 原来这是一件与我的显卡驱动程序。

检查Anisotropic Filtering在您的3D图形驱动程序设置。 我有我设置为Override Application Settings16x 。 变回后Use Application Settings并重新启动Firefox中,模糊就走了。



Answer 3:

屏幕抓取将是一件好事。 这可能是东西会从设备的不同而不同设备,显示器等你看你的结果在不同的设备? 我倾向于认为,这将是你无法控制的。



Answer 4:

-moz-transform: scale(.9999);

我得到解决的问题。



文章来源: Pure CSS triangle looks blurry in firefox