عدم ظهور الصورة عند إستخدام no-repeat او center

تحتاج إلى فصل خصائص الـ background بشكل صحيح، حيث صيغة خاصية background-image هي فقط لتحديد مصدر الصورة، أما الخصائص الأخرى فيجب إضافتها إلى الخصائص المتعلقة بـ background أو background-position و background-repeat، لذا يجب تعديل الكود بهذا الشكل:

background-image: url('../imgs/bgss.jpg');
background-repeat: no-repeat;
background-position: center;

أو يمكنك استخدام خاصية background المختصرة:

background: url('../imgs/bgss.jpg') no-repeat center;

الطريقة الأخيرة تجمع جميع الخصائص في سطر واحد بشكل صحيح.

شكرا لردك استاذ فهمتك 

هذا بسبب أنك تضع القيم في الخاصية الخاطئة .

حيث background-image تأخذ فقط الصورة ولا تأخذ فيمة التكرار ولا الموضع .

لذلك يجب فصلهم كالتالي :

background-image:url('../imgs/bgss.jpg');
background-repeat: no-repeat;
background-position: center;

أو إستبدال background-image بال background المختصرة .

إليك روابط من موسوعة حسوب لشرح أفضل:

• https://wiki.hsoub.com/CSS/background
• https://wiki.hsoub.com/CSS/background-position
• https://wiki.hsoub.com/CSS/background-image
• https://wiki.hsoub.com/CSS/background-repeat