خطأ في صورة الخلفية: تحديد العامل غير الصحيح

عند محاولة تصميم عنصر div باستخدام صورة خلفية باستخدام التدوين المختصر، يواجه بعض المستخدمين خطأ بخصوص عامل تشغيل غير صحيح:

خطأ: CSS: الخلفية: / عامل تشغيل غير صحيح.

لتصحيح هذه المشكلة، من المهم أن نفهم بناء الجملة الصحيح لخاصية الخلفية. وفقًا لمواصفات CSS، يعمل الحرف / كفاصل بين خصائص موضع الخلفية وحجم الخلفية.

يوضح مقتطف CSS التالي الاستخدام الصحيح:

div {
  height: 100%;
  background: url('...') 100% 0/4% no-repeat;
}

في هذا المثال، يمثل "url(...) 100% 0" موضع الخلفية، بينما يشير "4%" إلى حجمها. من المهم ملاحظة أنه على الرغم من أن حجم الخلفية اختياري، إلا أنه يجب تحديده جنبًا إلى جنب مع موضع الخلفية عند استخدام التدوين المختصر.

يمكن أن يؤدي حذف الفاصل / أو وضعه في غير مكانه بين الخصائص إلى خطأ عامل التشغيل غير الصحيح. بالإضافة إلى ذلك، من الضروري تحديد الحجم بدون موضع. على سبيل المثال، كود CSS التالي صالح:

div {
  height: 100%;
  background: url(...) 100% 0 no-repeat;
}