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

我在玩这个自动滚动文本的脚本。您可以在此处查看代码：

然后我把背景颜色改成白色——所有的文字开始变得模糊和混乱——如果我把它改成任何浅色——看起来都很混乱

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

#sidebar { color: grey; background: #FFF; float:left; margin:0 0 24px; padding:15px 10px 10px; width:500px; } 我在另一个网站上甚至在IE7上也注意到了这一点。你知道为什么背景颜色的简单改变会弄乱文本吗

我在IE6浏览器上测试了IE

---

谢谢

您确定没有在树的更上层的元素中使用IE css过滤器，例如alpha transparency？当LCD显示器上的字体平滑功能启用时，它们会使文本变得模糊，尤其是粗体文本，以至于IE7+中使用CSS过滤器的元素禁用了cleartype

另见

编辑：下面是一个示例，说明在项目首次淡入后如何删除过滤器：

// 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');
        }
    });

---

另请参见

您确定没有在树的更上层的元素中使用IE css过滤器，例如alpha transparency？当LCD显示器上的字体平滑功能启用时，它们会使文本变得模糊，尤其是粗体文本，以至于IE7+中使用CSS过滤器的元素禁用了cleartype

另见

编辑：下面是一个示例，说明在项目首次淡入后如何删除过滤器：

// 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');
        }
    });

另请参见

我将完成David M的问题。 您必须删除IE CSS过滤器属性

我看到您正在使用jQuery

如果您使用的是fadeIn、fadeOut和fadeTo功能，请将其添加到代码中：

(function($) {
$.fn.FadeIn = function(speed, callback) {
$(this).fadeIn(speed, function() {
if(!$.support.opacity)
$(this).get(0).style.removeAttribute('filter');
if(callback != undefined)
callback();
});
};
$.fn.FadeOut = function(speed, callback) {
$(this).fadeOut(speed, function() {
if(!$.support.opacity)
$(this).get(0).style.removeAttribute('filter');
if(callback != undefined)
callback();
});
};
$.fn.FadeTo = function(speed,to,callback) {
return this.animate({opacity: to}, speed, function() {
if (to == 1 && jQuery.browser.msie())
this.style.removeAttribute('filter');
if (jQuery.isFunction(callback))
callback();
});
};
})(jQuery); 

并将fadeIn、fadeOut、fadeTo替换为fadeIn、fadeOut、fadeTo。差别在F上

否则，请使用：

$(selector).removeAttribute('filter');

如果您需要更多信息，请评论我的答案，我将对其进行编辑： 我想这就是你想要的。对不起，我的英语不好

我将完成David M的问题。 您必须删除IE CSS过滤器属性

我看到您正在使用jQuery

如果您使用的是fadeIn、fadeOut和fadeTo功能，请将其添加到代码中：

(function($) {
$.fn.FadeIn = function(speed, callback) {
$(this).fadeIn(speed, function() {
if(!$.support.opacity)
$(this).get(0).style.removeAttribute('filter');
if(callback != undefined)
callback();
});
};
$.fn.FadeOut = function(speed, callback) {
$(this).fadeOut(speed, function() {
if(!$.support.opacity)
$(this).get(0).style.removeAttribute('filter');
if(callback != undefined)
callback();
});
};
$.fn.FadeTo = function(speed,to,callback) {
return this.animate({opacity: to}, speed, function() {
if (to == 1 && jQuery.browser.msie())
this.style.removeAttribute('filter');
if (jQuery.isFunction(callback))
callback();
});
};
})(jQuery); 

并将fadeIn、fadeOut、fadeTo替换为fadeIn、fadeOut、fadeTo。差别在F上

否则，请使用：

$(selector).removeAttribute('filter');

如果您需要更多信息，请评论我的答案，我将对其进行编辑：

---

我想这就是你想要的。对不起，我的英语不好

你能发布一个你称之为模糊的截图吗？我看不出问题出在css上。。我修改了背景，效果很好。。。。定义模糊。。显示它…我们可以附加一个屏幕截图-模糊我的意思是文本不可读@Reigel-你在IE6浏览器中测试过吗？你能发布一个你称之为模糊的屏幕截图吗？我不知道问题出在css上。。我修改了背景，效果很好。。。。定义模糊。。显示它…我们可以附加一个屏幕截图-模糊我的意思是文本不可读@Reigel-你在IE6浏览器中测试过吗？谢谢David，除了将背景颜色更改为白色外，我没有在那段代码中添加任何内容。调试IE开发工具栏中的滚动元素时，它们有一个过滤器：alphaopacity=100；在淡入动画完成后，您可以删除filter CSS属性，以在淡入动画完成后关闭DirectX/ClearType模糊：-PDavid-您是指javascript代码$list.find'>li'.filter'：gt'+limit-1+.remove；不，该行中的.filter与CSS过滤器无关，它用于搜索满足JQuery中选择器条件的元素，请参阅我编辑的答案，了解如何删除CSS过滤器的示例。谢了，这在IE6中几乎起到了作用。文本看起来很模糊，但一秒钟后就变得清晰了。但是在做了更改之后，在firefox和chrome中，滚动已停止工作。第一个元素出现，然后列表停止滚动。谢谢，除了将背景颜色更改为白色之外，我没有向该代码段添加任何内容；在淡入动画完成后，您可以删除filter CSS属性，以在淡入动画完成后关闭DirectX/ClearType模糊：-PDavid-您是指javascript代码$list.find'>li'.filter'：gt'+limit-1+.remove；不，该行中的.filter与CSS过滤器无关，它用于搜索满足JQuery中选择器条件的元素，关于如何删除CSS过滤器的示例，请参见我编辑的答案。谢了，这在IE6中几乎起到了作用。文本看起来很模糊，但一秒钟后就变得清晰了。但是在做了更改之后，在firefox和chrome中，滚动已经停止工作。第一个元素显示为

---

然后列表停止滚动Hanks CuSS-我检查了Javascript代码，它没有使用fadeIn、fadeOut或fadeTo函数。你可以检查这个链接中的代码-除了背景色，我没有改变任何东西-我检查了Javascript代码，它没有使用fadeIn、fadeOut或fadeTo函数。你可以检查这个链接中的代码-除了背景色，我没有在代码中做任何更改