הרקע של דף אינטרנט יכול להיות קשור לתוכנו או להתנהג באופן עצמאי ממנו. במקרה הראשון, בעת גלילת תוכן בחלון הדפדפן, תמונת הרקע תגלול גם היא, ואילו בשנייה, היא יכולה להישאר נייחת. כדי ליישם רקע של דף קבוע, עליך להשתמש בשפת תיאור סגנון CSS - רק שהיא יכולה להבטיח את אותה התנהגות רקע בסוגים שונים של דפדפנים.
הוראות
שלב 1
השתמש במאפיין מצורף רקע ב- CSS כדי לציין אם רקע העמוד צריך להיות קבוע או נע. בסך הכל, למאפיין זה יכולים להיות שלושה ערכים - אם לא תציין אף אחד מהם, כברירת מחדל, הקובץ המצורף לרקע נחשב לגלילה. עם ערך זה, תמונת הרקע גוללת יחד עם תוכן העמוד. ערך הירושה מעתיק את התנהגות הרקע של אלמנט ההורה, והערך הקבוע הופך את תמונת הרקע ללא תלות בתוכן - היא נשארת נייחת בעת גלילת העמוד. אתה צריך להשתמש בזה.
שלב 2
הכן את הוראות CSS שלך לשימוש בדפים שברצונך לתקן את הרקע. אם לא תמקם את קוד ה- CSS בקובץ תיאור סגנון חיצוני, יש למקם הוראות אלה בין תגיות הסגנון הפותח לסגירה:
// יהיו תיאורים של סגנונות
התיאור של התנהגות רקע העמוד חייב להיות קשור לאלמנט BODY - במינוח CSS זה ייקרא "בורר" וייכתב כך: BODY {
// תיאורי גוף העמוד יהיו כאן
} יש למקם מאפיינים הקשורים לבורר זה בתוך סוגריים מסולסלים, המופרדים באמצעות נקודה-פסיק: BODY {
מצורף רקע: קבוע;
תמונת רקע: url (images / BG.gif);
} השורה הראשונה לוכדת את תמונת הרקע, והשנייה מציינת את כתובת הקובץ המכיל את תמונת הרקע, יחסית לכתובת הדף. ניתן לכתוב שתי שורות אלה בהצהרת CSS מורכבת כזו: רקע: url (images / BG.gif) קבוע;
שלב 3
הדבק את כל הקוד לתיקון הרקע לטקסט העמוד. בצורתו המוגמרת, זה עשוי להיראות כך:
BODY {רקע: url (images / BG.gif) קבוע;}
כמובן שעליך להחליף את המיקום ואת שם קובץ תמונת הרקע. עדיף לשים את הקוד לפני התג, אם כי זה לא תנאי מוקדם.
