صور الخلفية الثابتة لا تظهر بشكل صحيح على أي متصفح ويب
لقطة شاشة لهذا السؤال:
أنا أستخدم صورًا ثابتة للموضع كما هو موضح في css-tricks.com/examples/BlurryBackgroundEffect/ لإنشاء تأثير زجاجي لمشروع ويب أعمل عليه. كما ترى في الصورة أعلاه ، غالبًا ما تفشل صورة كتلة المحتوى حتى يتم إجبار المتصفح على إعادة رسم عن طريق التمرير إلخ.
لقد جربت تحميلها مسبقًا ، باستخدام كلاً من onload و img العلامات المخفية بشكل منفصل ، لكن لا يزال يحدث.
هذه ليست مشكلة كبيرة ، لكن إذا فهم أي شخص سبب حدوث ذلك ، فسيكون ذلك مفيدًا حقًا.
إذا كنت تريد تشغيل إعادة رسم ، فيمكنك دائمًا استخدام:
body { display: none }
ثم
window.onload = function () {
document.getElementsByTagName('body')[0].display = 'block';
}
هذا سيجعل تحميل الصفحة يبدو أطول من ذلك بكثير.
أفضل نصيحة قرأتها عن التحكم في التحميل/إعادة الرسم عبر المتصفحات هي Steve Souders Even Faster Web Sites .
ملاحظة:
تذكر أنه يمكنك دائمًا وضع الأقسام ذات الصلة على JSFiddle حتى يتمكن الآخرون من المساعدة (يمكن تحميل الصور إلى ImageShack وإدراجها باستخدام "الرابط المباشر" المتاح.