jQuery在Firefox中淡入/淡出的问题

时间:2009-09-04 17:08:46

标签: jquery firefox fade cleartype

我已经在这里问过没有运气,但随时可以阅读:

http://groups.google.com/group/jquery-en/browse_thread/thread/fdf7a584b30d4bb9

嗯,看看我的网站:

http://www.crtaci.info/

在右上角位置我有搜索字段。当你移动鼠标时 那边有小文字显示:

Napredna pretraga

现在,由于某些原因,这些字母会将颜色改为黄色 在ff 3.5中非常短的时间段和一些奇怪的颜色 safari 4.0.2获胜。在ie8,opera和chrome它的工作原理 它应该,动画期间白色字母保持白色。

任何sugestions?

这是完成这项工作的功能;)

$('#header_search').hover(function() {
 $('#naprednaPretraga').stop({clearQueue:true}).show().animate({"opacity" : 1},500);
}, function(){
 $('#naprednaPretraga').stop({clearQueue:true}).animate({"opacity" : 0},500,function() {
  $('#naprednaPretraga').hide();
 });
});

5 个答案:

答案 0 :(得分:5)

我可以看到你在说什么。在我的机器上(Vista Business 32位,FF3.5),看起来淡化期间出现的黄色是由于ClearType试图对alpha混合文本进行操作而你正在褪色白色通过蓝蓝的背景文本。我知道白色+蓝色!=黄色,但是当渲染透明文本时,无论FF在引擎盖下做什么,再加上你的操作系统,以及其它许多东西都会让它显得很黄。

当我在我的机器上关闭ClearType时,黄色似乎消失了,或者至少远不如它明显。

我担心你无法使用JavaScript代码来控制它,但我可能会尝试其他人的建议:保持文本可见,但将其从背景与白色相匹配的淡入淡出。< / p>

答案 1 :(得分:0)

需要进行一些修复 - 这是一个IE浏览器中唯一一个在IE6上出现的错误,几乎不在IE7中,而在IE8中则略有不足。

这个网站有一些很好的指导方针可以删除它们: jQuery HowTo - Blogspot

它的要点是: - 为接收淡入淡出效果的元素添加匹配的背景颜色 - 元素淡入后删除过滤器属性。

答案 2 :(得分:0)

这实际上是3年半前报道的一个Firefox(开罗)错误https://bugzilla.mozilla.org/show_bug.cgi?id=363861 ...仍然没有修复。

使不透明度不等于1或0的任何文本得到奇怪的彩色光晕,不仅使用jQuery或JavaScript,还使用CSS。但是,某些颜色并不明显。值接近1(.9999)

似乎更糟糕

答案 3 :(得分:0)

我在FF 3.5.9上碰到了这个问题,下拉菜单逐渐淡出。我刚刚在父容器中添加了背景颜色来修复它。

答案 4 :(得分:0)

在实际文本元素上指定背景颜色将解决此问题。

如果文本后面有图像,则为与远背景匹配的文本元素创建背景图像。