مشكلة مع تلاشي jQuery داخل/خارج في Firefox
سؤال
لقد سألت هنا بالفعل بلا حظ ، لكن لا تتردد في قراءتها:
http://groups.google.com/group/jquery-en/browse_thread/thread/fdf7a584b30d4bb9
حسنًا ، تحقق من موقعي:
في موقع اليمين الأعلى لدي حقل بحث. عندما تنقل الماوس هناك ، يظهر نص صغير يقول:
Napredna pretraga
الآن ، لسبب ما ، تغير هذه الرسائل اللون إلى اللون الأصفر لفترة قصيرة جدًا من الوقت في FF 3.5 وللألوان الغريبة في Safari 4.0.2 للفوز. في IE8 والأوبرا والكروم ، تعمل بالطريقة التي ينبغي أن تظل بها الأحرف البيضاء بيضاء أثناء الرسوم المتحركة.
أي 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();
});
});
المحلول
أستطيع أن أرى ما تتحدث عنه. على الجهاز الخاص بي (Vista Business 32-bit ، FF3.5) ، يبدو أن الصفراء الموجود أثناء التلاشي يرجع إلى مزيج من النمط الصافي الذي يحاول التصرف على النص المدمج ألفا وأنك تتلاشى الأبيض النص من خلال خلفية زرقاء. أعرف الأبيض + الأزرق! = أصفر ، ولكن أيا كان ما يفعله FF تحت غطاء محرك السيارة عند تقديم النص الشفاف ، إلى جانب نظام التشغيل الخاص بك ، وأشياء أخرى تجعله أصفر.
عندما أقوم بإيقاف تشغيل ClearType على جهازي ، يبدو أن الصفراء يختفي ، أو على الأقل أقل وضوحًا منه.
أخشى أنك لن تكون قادرًا على التحكم في ذلك باستخدام رمز JavaScript ، لكنني ربما أجرب ما اقترحه الآخرون: حافظ على النص مرئيًا ولكن يتلاشى من اللون الأزرق الذي يطابق الخلفية مع الأبيض.
نصائح أخرى
هناك بعض الإصلاحات التي يجب حدوثها - هذا خطأ IE فقط الذي يظهر بشكل كبير على IE6 ليس في IE7 وقليلًا في IE8.
كان لهذا الموقع بعض الإرشادات الجيدة لإزالتها:jQuery Howto - blogspot
جوهره ، هو: - إضافة لون خلفية مطابقة إلى العنصر الذي يتلقى تأثير التلاشي - قم بإزالة سمة المرشح بمجرد تلاشي العنصر.
إنه في الواقع حشرة Firefox (القاهرة) https://bugzilla.mozilla.org/show_bug.cgi؟id=363861 تم الإبلاغ عنها منذ 3 1/2 سنوات ... لا تزال غير ثابتة.
يجعل أي نص به عتامة لا يساوي 1 أو 0 احصل على هالات ملونة غريبة ، ليس فقط مع jQuery أو JavaScript ، ولكن مع CSS أيضا. ليس ملحوظا مع بعض الألوان رغم ذلك. يبدو أسوأ مع القيم القريبة من 1 (.9999)
ركضت في هذا على FF 3.5.9 مع قوائم المنسدلة تتلاشى. لقد أضفت للتو لون الخلفية إلى الحاوية الأصل لإصلاحه.
سيؤدي تحديد لون الخلفية على عنصر النص الفعلي إلى إصلاح هذا.
إذا كان لديك صورة خلف النص ، فقم بإنشاء صورة خلفية لعنصر النص الذي يتطابق مع الخلفية البعيدة.