لا يمكنني عمل صورة كخلفية في Django

محمد لارافيل · 25 فبراير 2023

أريد عمل صورة في هذا المسار /static/img/background.jpg/ لتصبح صورة خلفية ، لكن ملف css لا يعرض صورة الخلفية.أعتقد أن المشكلة موجودة في header styles ولكن لا يمكنني العثور على أي خطأ هناك
index.html

 <style>
      .start {
        background-image: url("{% static 'img/background.jpg' %]");
        background-color: #cccccc;
        height: 500px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
      }
    </style>

    <div class="start">

        <img src="{% static 'img/background.img' %}" alt="background">
        <h1>DO YOU WANT TO GET BETTER?</h1>
    </div>

layout.css

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
    list-style: none;
}

body {
    min-height: 100vh;
}

header {

    width: 100%;
    top: 0;
    right: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: black;
    padding: 28px 12%;
    transition: all .50s ease;
}

أرجو منكم مساعدتي

Muhammad Nasser2 · 25 فبراير 2023

الخطأ في الكود هو وجود خطأ إملائي في العنوان URL الذي تم استخدامه للصورة في كلا من index.html وlayout.css.

تأكد من استخدام الامتداد الصحيح لملف الصورة والتحقق من أن الملف موجود في المسار الصحيح ,يمكنك القيام بذلك عن طريق القيام بالخطوات التالية:

1. تأكد من وجود ملف الصورة في المسار المطلوب. على سبيل المثال ، إذا كان المسار المطلوب هو "/static/img/background.jpg" ، فتأكد من وجود ملف "background.jpg" في ملف "static/img/".

2.تأكد من أن المسار المستخدم في الكود الخاص بك يتطابق مع المسار الصحيح. يمكنك التحقق من ذلك بفتح ملف HTML الخاص بك والبحث عن العنوان URL الذي تم استخدامه للصورة. على سبيل المثال ، إذا كان المسار المستخدم هو "/static/img/background.jpg" ، فتأكد من أن العنوان URL في ملف HTML الخاص بك يتطابق مع ذلك.

3. تأكد من أن المسار المستخدم في ملف CSS الخاص بك يتطابق مع المسار الصحيح. يمكنك التحقق من ذلك بفتح ملف CSS الخاص بك والبحث عن العنوان URL الذي تم استخدامه للصورة. على سبيل المثال ، إذا كان المسار المستخدم هو "/static/img/background.jpg" ، فتأكد من أن العنوان URL في ملف CSS الخاص بك يتطابق مع ذلك.

4. يمكنك استخدام أدوات المطور لمتصفح الويب الخاص بك للتحقق من المسار المستخدم والتأكد من أنه يشير إلى المسار الصحيح. يمكنك فتح أدوات المطور بالنقر بزر الماوس الأيمن على صفحة الويب الخاصة بك واختيار "عرض الصفحة المصدرية" أو "عرض مصدر الصفحة". ثم يمكنك البحث عن العنوان URL الخاص بالصورة والتحقق من المسار المستخدم.

لا يمكنني عمل صورة كخلفية في Django

السؤال

محمد لارافيل

1 جواب على هذا السؤال

Recommended Posts

Muhammad Nasser2

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية