تسمح لغة ترميز HTML لمصمم الويب باستخدام أي صورة كصورة خلفية. ومع ذلك ، فإن اللغة نفسها تفتقر إلى عناصر تحكم مدمجة لصور الخلفية. يتم إجراء المزيد من الضبط باستخدام أوراق أنماط CSS المتتالية.
تعليمات
الخطوة 1
لجعل الخلفية تمتد إلى العرض الكامل للمتصفح ، تحتاج إلى استخدام معلمة z-index في CSS الخاص بك. يسمح لك بتعيين ترتيب العناصر التي تقوم بإنشائها. كلما زادت قيمة هذه السمة ، زاد ارتفاع الكتلة على الصفحة.
الخطوة 2
قم بإنشاء مستندات جديدة بتنسيق html و css (زر الفأرة الأيمن - "جديد" - "ملف نصي") وافتحها باستخدام أي محرر نصوص.
الخطوه 3
ضع صورة الخلفية على الطبقة السفلية. سوف يمتد حسب دقة الشاشة. في الجزء العلوي ، سيتم وضع عنصر آخر سيتم عرض محتوى الصفحة عليه. للقيام بذلك ، قم بإنشاء كتلتين. في ملف css ، اكتب:.1layer {z-index: 1؛ width: 100٪ height: 100٪ position: المطلق؛}. } الموضع: تسمح لك المعلمة المطلقة بتعيين موضع مطلق ، أي سيتم وضع الطبقة بشكل مستقل عن العناصر الأخرى.
الخطوة 4
قم بتضمين كود CSS الذي تم إنشاؤه في ملف HTML باستخدام علامة الارتباط: خلفية الصفحة
الخطوة الخامسة
قم بإنشاء طبقة جديدة. باستخدام العلامة
ضع صورة عليه. على سبيل المثال: محتوى الصفحة بالنسبة لـ img ، يتم تحديد معلمة العرض فقط ، لأنه إذا قمت بتحديد الارتفاع الإضافي ، فسيظهر تشوه الصورة في بعض المستعرضات.
الخطوة 6
احفظ التغييرات. لاختبار الكود الخاص بك ، قم بتكبير الصفحة في نافذة المتصفح الخاص بك. يجب أيضًا تكبير صورة الخلفية.
