Веб-баракчанын фону анын мазмунуна байланып же андан көзкарандысыз жүрүшү мүмкүн. Биринчи учурда, браузердин терезесиндеги мазмунду жылдырганда, фондук сүрөт дагы жылдырылат, ал эми экинчисинде, ал туруктуу бойдон калышы мүмкүн. Бекитилген барактын фонун ишке ашыруу үчүн, CSS стилин сүрөттөө тилин колдонушуңуз керек - ал ар кандай типтеги браузерлерде бирдей фондук жүрүм-турумга кепилдик берет.
Нускамалар
1 кадам
Барактын фону туруктуу же кыймылдуу болушу керектигин аныктоо үчүн CSS-те фон-тиркеме касиетин колдонуңуз. Жалпысынан, бул касиет үч мааниге ээ болушу мүмкүн - эгерде сиз алардын эч бирин көрсөтпөсөңүз, анда демейки боюнча фон-тиркеме жылдырма болуп эсептелет. Бул маани менен, фондук сүрөт барактын мазмуну менен кошо жылдырылат. Мурас мааниси эне-аталык элементтин фондук кыймыл-аракетин көчүрөт, ал эми белгиленген маани фондук сүрөттү мазмундан көзкарандысыз кылат - барак жылдырылганда ал стационардык бойдон калат. Сиз аны колдонушуңуз керек.
2-кадам
Фонду оңдогуңуз келген беттерде колдонуу үчүн CSS көрсөтмөлөрүңүздү даярдаңыз. Эгерде сиз CSS кодун сырткы стилдин сүрөттөө файлына жайгаштырбасаңыз, анда бул көрсөтмөлөр стилдин ачылышы жана жабылышы ортосунда жайгаштырылышы керек:
// стилдердин сүрөттөлүшү болот
Барактын фондук жүрүм-турумун сүрөттөө BODY элементине байланыштуу болушу керек - CSS терминологиясында ал "селектор" деп аталып, мындайча жазылат: BODY {
// барактын негизги бөлүгүнүн сүрөттөмөсү ушул жерде болот
} Бул селекторго байланыштуу касиеттери үтүрлүү кашаанын ичине жайгаштырылып, үтүрлүү үтүр менен ажыратылышы керек: BODY {
фон-тиркеме: белгиленген;
background-image: url (images / BG.gif);
} Биринчи сапта фондук сүрөт, ал эми экинчисинде барактын дарегине салыштырмалуу фондук сүрөт камтылган файлдын дареги көрсөтүлөт. Бул эки сапты бир татаал CSS билдирүүсүндө жазууга болот: background: url (images / BG.gif) fix;
3-кадам
Фонду барактын текстине оңдоо үчүн бардык кодду чаптаңыз. Анын бүткөн формасында мындай көрүнүштө болушу мүмкүн:
BODY {фон: url (сүрөттөр / BG.gif) белгиленди;}
Албетте, фондук сүрөт файлынын жайгашкан жерин жана атын алмаштырышыңыз керек. Кодду тегден мурун койгон жакшы, бирок бул милдеттүү шарт эмес.
