عدم ظهور الصور المستخدمة بخاصية background-img في CSS على متصفح Edge

السلام عليكم,

المشكل الأول هو حجم الصورة الذي يساوي 4ميغا.

المشكل الثاني هو من المحتمل نسخة المتصفح الذي عندك أقدم من 12 لأن Edge بدأ بدعم خاصية background-image من إصداره الثاني عشر كما في الصورة.

لذلك أنصحك أولا بضغط الصورة لتصبح أقل من 1ميغا على الأقل و تحديث المتصفح إذا كان غير محدث.

تحياتي الحارة.

مرحباً بك عبدالله،

قد يكون السبب أن المتصفح لا يعطي أولوية لتنفيذ هذه الخاصية، يمكنك تجربة إعطاء أولوية لتطبيق الخاصية لجميع الصور في الخلفية من خلال إضافة !important كالآتي:

background-image: url("رابط الصورة هنا") !important;

تحياتي لك.

بتاريخ 5 ساعات قال عبدالله التميمي5:

السلام عليكم،

لدي مشكلة تظهر مع متصفح Microsoft Edge فقط، وهي أنني وضعت خلفية هيدر بخاصية Background-img ولا تظهر صورة الخلفية على هذا المتصفح تحديداً، بل تظهر خلفية سوداء خلف النصوص المتحركة في الهيدر

هذا هو الموقع:

https://alobailancpa.com/7

لا أعلم ما هي المشكلة مع هذا المتصفح وكيف يمكن حلها؟

السلام عليكم @عبدالله التميمي5

المٌشكِلة لَيسَت مِن المٌتَصَفِح بَل مِن النِظام الخاص بِك مايكروسوفت أصدَرَت تَحديث خاص بذلك, تَفَقد إن كانَ هٌناك تَحديث لِمٌتَصَفِح Microsoft Edge وحَدِثه ,وسَتَظهر الصورة

تحياتي 

وممكن تكون مشكلة الصور اللى هى(images/..)background-iamge:url

-------------------------------------^خارج folder css  فا اتدى فى مسار الصورة2دوت اسلاش وان شاء الله اتتحل المشكله