jquery - CSS Jquery - 当我更改背景颜色时，文本在 IE6 中变得模糊？

Question

我正在研究这个自动滚动文本的脚本。您可以在此处查看代码:

http://jqueryfordesigners.com/simple-jquery-spy-effect/

然后我将背景颜色更改为白色 - 所有文本开始看起来模糊且困惑 - 如果我将其更改为任何浅色 - 它看起来都很困惑。

这是我在代码中更改背景颜色的部分:

#sidebar {    color: grey;    background: #FFF;    float:left;    margin:0 0 24px;    padding:15px 10px 10px;    width:500px;}

我在另一个网站甚至在 IE7 上也注意到了这一点。知道为什么背景颜色的简单更改会弄乱文本吗？

我用IEtested在IE6浏览器上测试 http://www.my-debugbar.com/wiki/IETester/HomePage

谢谢

Answer 1

您确定没有在树上的元素中使用 IE css 过滤器，例如 alpha 透明度吗？当 ClearType 时，它们可以使文本变得模糊/模糊。 (液晶显示器上的字体平滑)已启用，特别是对于粗体文本，以至于在 IE7+ 中使用 CSS 过滤器的元素禁用了 ClearType。

另请参阅http://blogs.msdn.com/ie/archive/2006/08/31/730887.aspx

编辑:以下是在元素首次淡入后可以执行哪些操作来删除过滤器的示例:

// increase the height of the NEW first item
$insert.animate({ height : height }, 1000).animate({ opacity : 1 }, 1000);

可能会去

// increase the height of the NEW first item
$insert.animate({ height : height }, 1000).animate({ opacity : 1 }, 1000,
    function() {
        if ($.browser.msie) {
            $(this).get(0).style.removeAttribute('filter');
        }
    });

另请参阅jQuery, Animate opacity to 1 then remove the opacity property to make it better looking on IE