Question

我正在尝试使用JQuery来制作一些文本，这在使用Firefox时会产生一些锯齿状的边缘，我试图找出问题，当我使用CSS将文本颜色更改为红色时会发生这种情况。似乎有一些黑色的东西。在其他浏览器中工作正常，甚至是IE，所以我现在有点困惑。这是代码：

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script>
 <script>
  $(document).ready(function() {
    $(".blink").effect("pulsate", { times:100 }, 2000);         
  });
  </script> 
</head>
  <body>
    <div class="blink">
        <p style="color:red;">The text to be pulsated</p>
    </div>
  </body>

Answer 1

在看完cdutson的评论之后，我做了一些快速的研究。看起来IE默认使用“ClearType”，而Firefox等其他应用程序使用您的系统设置。打开Windows的显示设置并选择“高级”，您将看到“效果”的设置。将该设置更改为ClearType，您将在系统范围内拥有更好看的字体，包括在FF中。

当我测试你的问题时我启用了ClearType，并且在脉动时仍然可以看到红色文本周围有点变黑，但它并没有像我重新关闭ClearType的示例那样糟糕。这可能会对你有帮助。

另一方面，你必须明白，对于那些没有启用ClearType的用户来说，它仍然会很糟糕。

JQuery Pulsate - Firefox的奇怪行为

1 个答案: