Javascript IE上的jQuery淡出(“慢”)问题

Javascript IE上的jQuery淡出(“慢”)问题,javascript,jquery,css,cross-browser,fadeout,Javascript,Jquery,Css,Cross Browser,Fadeout,我有一个标记,我使用jQuery将其淡入/淡出 <span id="checkbox_err">Some text Some text Some text Some text Some text Some text </span> 我使用 $("span#checkbox_err").fadeOut("slow"); 现在这在Firefox中非常有效,但在IE中,我遇到了一个奇怪的问题(尽管不一致),即在一些ocassion上,跨距不会消失,即使其中的文本被隐藏。因此

我有一个
标记,我使用jQuery将其淡入/淡出

<span id="checkbox_err">Some text Some text Some text Some text Some text Some text </span>
我使用

$("span#checkbox_err").fadeOut("slow");
现在这在Firefox中非常有效,但在IE中,我遇到了一个奇怪的问题(尽管不一致),即在一些ocassion上,跨距不会消失,即使其中的文本被隐藏。因此,我看到一个带有背景色的空白框

奇怪的是,当我在那个点检查span元素时,它会显示“display:none”


如果这是一个已知的问题,请告诉我,您是否有任何解决方法(除了非常明显的淡出(“快速”);)

您应该使用fadeTo,而不是使用淡出

$("span#checkbox_err").fadeTo('slow',0);
现在让我们更新它,以确保它在转换结束时消失

$("span#checkbox_err").fadeTo('slow',0, function() {
    $(this).hide();
});

不需要更改HTML和jQuery。只需在span的css中添加以下内容,即可在IE 7、8、9中使用

background-color: #EEAAAA;display:block;
结果如下所示:

jQuery fadeOut()命令实际上在元素上应用了“disaply:none”css样式,fadeIn()命令应用了“display:block”css样式

background-color: #EEAAAA;display:block;