يمكن ربط خلفية صفحة الويب بمحتواها أو التصرف بشكل مستقل عنها. في الحالة الأولى ، عند تمرير المحتوى في نافذة المتصفح ، سيتم أيضًا تمرير صورة الخلفية ، بينما في الحالة الثانية ، يمكن أن تظل ثابتة. لتنفيذ خلفية صفحة ثابتة ، يجب استخدام لغة وصف نمط CSS - فقط يمكنها ضمان نفس سلوك الخلفية في أنواع مختلفة من المتصفحات.
تعليمات
الخطوة 1
استخدم خاصية background-attachment في CSS لتحديد ما إذا كان يجب أن تكون خلفية الصفحة ثابتة أم قابلة للنقل. في المجموع ، يمكن أن تحتوي هذه الخاصية على ثلاث قيم - إذا لم تحدد أيًا منها ، فسيتم اعتبار مرفق الخلفية بشكل افتراضي بمثابة تمرير. بهذه القيمة ، يتم تمرير صورة الخلفية مع محتوى الصفحة. تنسخ القيمة الموروثة سلوك الخلفية للعنصر الأصل ، وتجعل القيمة الثابتة صورة الخلفية مستقلة عن المحتوى - تظل ثابتة عند تمرير الصفحة. يجب عليك استخدامه.
الخطوة 2
قم بإعداد تعليمات CSS الخاصة بك لاستخدامها في الصفحات التي تريد إصلاح الخلفية. إذا لم تضع كود CSS في ملف وصف نمط خارجي ، فيجب وضع هذه التعليمات بين علامتي فتح وإغلاق النمط:
// سيكون هناك أوصاف للأنماط
يجب أن يكون وصف سلوك خلفية الصفحة مرتبطًا بعنصر BODY - في مصطلحات CSS ، سيُطلق عليه "محدد" وسيتم كتابته على النحو التالي: BODY {
// أوصاف نص الصفحة ستكون هنا
} يجب وضع الخصائص المتعلقة بهذا المحدد داخل أقواس معقوفة مفصولة بفواصل منقوطة: BODY {
مرفق الخلفية: ثابت ؛
صورة الخلفية: url (images / BG.gif) ؛
} يلتقط السطر الأول صورة الخلفية ، ويشير الثاني إلى عنوان الملف الذي يحتوي على صورة الخلفية ، نسبة إلى عنوان الصفحة. يمكن كتابة هذين السطرين في عبارة CSS معقدة واحدة مثل: background: url (images / BG.gif) ثابت ؛
الخطوه 3
الصق كل التعليمات البرمجية لإصلاح الخلفية في نص الصفحة. قد يبدو في شكله النهائي كما يلي:
الجسم {الخلفية: url (images / BG.gif) ثابت ؛}
بالطبع ، تحتاج إلى استبدال مكان واسم ملف صورة الخلفية. من الأفضل وضع الكود قبل العلامة ، على الرغم من أن هذا ليس شرطًا أساسيًا.
