it-swarm.asia

صور الخلفية الثابتة لا تظهر بشكل صحيح على أي متصفح ويب

لقطة شاشة لهذا السؤال:

Background image not displaying correctly

أنا أستخدم صورًا ثابتة للموضع كما هو موضح في css-tricks.com/examples/BlurryBackgroundEffect/ لإنشاء تأثير زجاجي لمشروع ويب أعمل عليه. كما ترى في الصورة أعلاه ، غالبًا ما تفشل صورة كتلة المحتوى حتى يتم إجبار المتصفح على إعادة رسم عن طريق التمرير إلخ.

لقد جربت تحميلها مسبقًا ، باستخدام كلاً من onload و img العلامات المخفية بشكل منفصل ، لكن لا يزال يحدث.

هذه ليست مشكلة كبيرة ، لكن إذا فهم أي شخص سبب حدوث ذلك ، فسيكون ذلك مفيدًا حقًا.

2
Mikey

إذا كنت تريد تشغيل إعادة رسم ، فيمكنك دائمًا استخدام:

body { display: none }

ثم

window.onload = function () {
    document.getElementsByTagName('body')[0].display = 'block';
}

هذا سيجعل تحميل الصفحة يبدو أطول من ذلك بكثير.

أفضل نصيحة قرأتها عن التحكم في التحميل/إعادة الرسم عبر المتصفحات هي Steve Souders Even Faster Web Sites .

ملاحظة:

تذكر أنه يمكنك دائمًا وضع الأقسام ذات الصلة على JSFiddle حتى يتمكن الآخرون من المساعدة (يمكن تحميل الصور إلى ImageShack وإدراجها باستخدام "الرابط المباشر" المتاح.

2
Metalshark