لدي مشكلة في صورة الخلفية لشعار الترحيب.
أنا أستخدم Cloudflare R2 S3 buckets للتخزين للكائنات في الموقع المعني.
عندما أقوم بتحميل صورة خلفية في قسم المسؤول، تظهر بشكل صحيح، وإذا نقرت لعرضها بالحجم الكامل، فإنها تعمل. وإذا قمت بالنقر بزر الماوس الأيمن وعرض الصورة في علامة تبويب جديدة، فإنها تعمل وباستخدام عنوان URL الخاص بالمخزن العام:
https://eufiles.technospider.com/original/1X/609c9563f4d8c7d229b495a2cb967782a63aa2df.jpeg
لكن ما يتم حقنه في CSS هو عنوان URL هذا:
https://exotics-unlimited.7100e60b936991e069a3230dc05d4976.r2.cloudflarestorage.com/original/1X/609c9563f4d8c7d229b495a2cb967782a63aa2df.jpeg
لدي موقع آخر يستخدم التخزين المحلي وتعمل صورة الخلفية للشعار بشكل صحيح.
هل هذا خطأ في الكود، أم أنني أفعل شيئًا خاطئًا؟
بعد البحث أكثر، يبدو أن هذا الـ CSS يتحكم في صورة الخلفية:
إذا قمت باستبدال عنوان URL يدويًا في الفاحص، فإنه يعمل.
حاولت تجاوز ذلك باستخدام:
.custom-search-banner-wrap .welcome-banner__wrap {
background-image: "eufiles.technospider.com/original/1X/609c9563f4d8c7d229b495a2cb967782a63aa2df.jpeg";
}
لكن هذا لا يعمل. لا يزال يبدو وكأنه خطأ.