【问题标题】:Pure CSS triangle looks blurry in firefox纯 CSS 三角形在 Firefox 中看起来很模糊
【发布时间】:2012-08-31 08:22:54
【问题描述】:

我正在尝试在 CSS 技巧http://css-tricks.com/snippets/css/css-triangle/ 中使用本文中使用的纯 css 三角形,但在 Firefox 14 中看起来模糊。我可以以某种方式修复它还是只是 FF 没有正确渲染它?

编辑:这是http://awesomescreenshot.com/0fcf904eb的截图

【问题讨论】:

  • 与其指向教程,不如发布指向您的示例或图像的链接?
  • 抱歉,我刚刚编辑了我的问题

标签: css firefox blurry


【解决方案1】:

我遇到了同样的问题。原来这是我的图形驱动程序的问题。

检查 3D 图形驱动程序中的 Anisotropic Filtering 设置。我将我的设置为Override Application Settings16x。将其改回Use Application Settings并重新启动Firefox后,模糊消失了。

【讨论】:

  • 我和提问者有同样的问题,这个解决方案为我解决了这个问题(对于我的 nVidia 显卡)。
  • 过去一周一直在想 Firefox 有一个错误,因为我没有在 Chrome 或其他浏览器中看到模糊的 CSS。将我的 nVidia 设置恢复为默认设置后,一切看起来又正常了。谢谢!
【解决方案2】:

使用border-style: dotted; 将消除FF 上的模糊边缘。基本上,除了border-style: solid; 之外的任何东西都应该可以工作。它可能在 FF 最新版本中已修复,但我确实遇到了与您相同的问题,但无法在不同的 FF 版本上进行测试。

据我所知,我使用的是 FF(我猜是 15)winXP

【讨论】:

  • 请注意:这会在 FireFox 21 中中断。除了纯色之外,您将开始得到非常讨厌的半色/半色。
【解决方案3】:

屏幕抓取会很好。这可能会因设备、显示器等而有所不同。您是否查看过不同设备上的结果?我倾向于认为这将超出您的控制范围。

【讨论】:

  • 既然你提到了它,我刚刚在另一台装有 Win7 和 CRT 显示器的 PC 上进行了测试,它看起来不错,那么它可能与 FF 无关,有什么想法吗?
  • ...不,不是真的,它就是这样。您的选择是使用 css 或图像,因为您无法控制将用于查看它的浏览器/硬件组合。
【解决方案4】:
-moz-transform: scale(.9999);

我的问题解决了。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-04-16
    • 1970-01-01
    • 1970-01-01
    • 2018-03-17
    • 2015-04-25
    • 1970-01-01
    • 2019-01-27
    相关资源
    最近更新 更多