2009-09-04 67 views
4

我已經在這裏問有沒有運氣,但隨時閱讀:問題與jQuery在淡入/淡出在Firefox

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的工作原理與 一樣,白色字母在動畫中保持白色。

任何消耗?

這裏是做這個工作職能;)

$('#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(); 
}); 
}); 
+0

無法在FF3.5中重現 – marcgg 2009-09-04 17:16:56

+0

無法在FF3.5中重現 – TheVillageIdiot 2009-09-04 17:26:07

+0

不知道它是否有任何區別,但我使用的是Windows 7 x64,並且我沒有在任何其他操作系統上測試過。在那個谷歌組線程用戶Jules說:「使用Vista 64 FF3.0.1,字母會變成黃色,如上所述。」 sooo也許它的一些x64 thingy ... :) – Gavrisimo 2009-09-04 17:30:21

回答

5

我可以看到你在說什麼。在我的機器上(Vista Business 32位,FF3.5),看起來好像在淡入淡出時出現的淡黃色是由於嘗試對alpha混合文本執行操作的ClearType和您正在淡入淡出的白色文本通過藍色背景。我知道白色+藍色!=黃色,但是無論FF在渲染透明文本時還是在屏幕底下,加上操作系統,還有其他一些東西使它看起來都是黃色。

當我在我的機器上關閉ClearType時,淡黃色似乎消失了,或者至少比使用它明顯。

恐怕你不能用JavaScript代碼來控制它,但我可能會嘗試其他人提出的建議:保持文本可見,但將它從與背景相匹配的藍色淡入淡出。

+0

我在我的機器上關閉了ClearType,它消失了! ;)但現在我的顯示器上顯示的所有文本都不太好看...... :)至少現在我知道問題是什麼。日Thnx! – Gavrisimo 2009-09-04 18:26:00

0

有幾個修復需要發生 - 這是一個IE瀏覽器唯一的錯誤,IE6幾乎沒有出現在IE7和IE8略有出現。

這個網站有一些很好的指導方針將其刪除: jQuery HowTo - Blogspot

它的要點是: - 添加匹配的背景色,以接收淡入淡出效果 元素 - 刪除過濾器屬性,一旦元素已被淡入。

0

它實際上是一個Firefox(開羅)的bug https://bugzilla.mozilla.org/show_bug.cgi?id=363861在3年前報道過......仍然沒有修復。

使不透明度不等於1或0的任何文本變得怪異的光暈,不僅僅是使用jQuery或JavaScript,而是使用CSS。雖然不像某些顏色那麼明顯。似乎更糟糕的值接近1(.9999)

0

我在FF 3.5.9上遇到了這個下拉菜單淡出。我只是給父容器添加了一個背景顏色來修復它。

0

在實際的文本元素上指定背景色可以解決這個問題。

如果文字背後有圖像,則爲與遠處背景相匹配的文本元素創建背景圖像。