Фонът на уеб страница може да бъде обвързан със съдържанието му или да се държи независимо от него. В първия случай, когато превъртате съдържание в прозореца на браузъра, фоновото изображение също ще се превърта, докато във втория може да остане неподвижно. За да приложите фиксиран фон на страницата, трябва да използвате езика за описание на стила CSS - само той може да гарантира едно и също поведение на фона в различни типове браузъри.
Инструкции
Етап 1
Използвайте свойството background-attachment в CSS, за да посочите дали фонът на страницата трябва да бъде фиксиран или подвижен. Като цяло това свойство може да има три стойности - ако не посочите нито една от тях, тогава по подразбиране прикаченият фон се счита за превъртане. С тази стойност фоновото изображение се превърта заедно със съдържанието на страницата. Наследствената стойност копира фоновото поведение на родителския елемент и фиксираната стойност прави фоновото изображение независимо от съдържанието - остава неподвижно, когато страницата се превърта. Трябва да го използвате.
Стъпка 2
Подгответе вашите CSS инструкции за използване на страниците, които искате да коригирате на фона. Ако няма да поставите CSS кода във външен файл за описание на стила, тогава тези инструкции трябва да бъдат поставени между етикетите за отваряне и затваряне на стила:
// ще има описания на стилове
Описанието на поведението на фона на страницата трябва да бъде обвързано с елемента BODY - в терминологията на CSS ще се нарича "селектор" и ще бъде написано по следния начин: BODY {
// описанията на тялото на страницата ще бъдат тук
} Свойствата, свързани с този селектор, трябва да се поставят във фигурни скоби, разделени с точка и запетая: BODY {
фон-прикачен файл: фиксиран;
фоново изображение: url (images / BG.gif);
} Първият ред улавя фоновото изображение, а вторият посочва адреса на файла, съдържащ фоновото изображение, спрямо адреса на страницата. Тези два реда могат да бъдат написани в един сложен CSS израз така: background: url (images / BG.gif) fixed;
Стъпка 3
Поставете целия код, за да коригирате фона в текста на страницата. В завършен вид може да изглежда така:
BODY {фон: url (images / BG.gif) фиксиран;}
Разбира се, трябва да замените местоположението и името на файла с фоновото изображение. По-добре е да поставите кода преди маркера, въпреки че това не е задължително условие.
