صورة الخلفية: مشكلة تكرار-y في عرض قائمة الفئات فقط

باستخدام كود Dax code مع ضبط background-repeat على “repeat-y”، قمت برفع صورة عالية الدقة لورقة فارغة من Imgur بعد تحجيمها إلى 1920x1440. يبدو السلوك طبيعيًا في البداية، باستثناء عرض قائمة الفئات، الذي لا يقوم بتحجيم الصورة و/أو تكرارها عموديًا. ومع ذلك، لاحظت أنه عند التصغير في عرض الفئات، حيث بدا أن الصورة الخلفية تتغير حجمها، توقفت عن التحجيم بعد التصغير إلى 75%.

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

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

إعجاب واحد (1)

أعتقد أن المشكلة تكمن في أن محتوى الصفحة قصير، لذا فإن العنصر #main لا يملأ 100% من ارتفاع النافذة. هل يمتلئ الخلفية بالصفحة بالكامل إذا أضفت #main { height: 100vh; }؟ يمكنك أيضًا نقل صورة الخلفية إلى وسم HTML بدلاً من ذلك.

3 إعجابات

نجح ذلك! شكرًا لك مرتين على الإصلاحين اليوم! :grin:

ملاحظة حول السلوك: لم يُحدث 100vh أي تأثير، بينما تسبّب 1000vh في سلوك غير مرغوب فيه لشريط التمرير (كان يتمرّس للأسفل إلى الفراغ). بدا أن 200 أيضًا يمثل مسافة تمرير كبيرة جدًا، لذا قمت بزيادتها تدريجيًا بمقدار 10. ومن المضحك أن الخلفية لم تتكرّر، مما أدّى إلى ظهور الخلفية الكاكية (العادية) مجددًا في الأسفل. استمرّ هذا الوضع حتى وصلت إلى 140vh.

إعجاب واحد (1)