Как да коригирам фона

Съдържание:

Как да коригирам фона
Как да коригирам фона

Видео: Как да коригирам фона

Видео: Как да коригирам фона
Видео: Как Да клонирам Себе си Във Видео ( CapCut видеоурок) 2024, Може
Anonim

Понякога намерението на дизайнера изисква фоновото изображение да остане неподвижно, докато посетителят превърта съдържанието на страницата. Това може да се направи чрез промяна на настройката за поведение по подразбиране на фона, като се използват инструкции за CSS (Cascading Style Sheets).

Как да коригирам фона
Как да коригирам фона

Инструкции

Етап 1

Добавете описание на стила за основния блок към вашия уеб документ, който съдържа свойството за прикачен фон, зададено на фиксирано, и фонът на страницата ще остане неподвижен, докато документът се превърта. Този метод за фиксиране на фона ще работи във всички браузъри, които поддържат някой от текущите CSS стандарти, започвайки от версия 1.0. В допълнение към фиксираната стойност, стандартите предоставят още две опции за това свойство - превъртане и наследяване. Ако не е посочена стойност за прикачване на фона в описанията на стила на документа, тогава се приема, че е зададено да се превърта по подразбиране. В този случай фонът ще се движи заедно със превъртането на съдържанието на страницата. Наследствената стойност показва, че за свойството background-attachment свойството трябва да се използва същата стойност, както за неговия родителски елемент.

Стъпка 2

Добавете атрибут стил към маркера за желаната от вас страница и добавете описание на стила, за да коригирате фона. Например, може да изглежда така: Можете също да посочите адреса на фоновото изображение тук:. Заменете адреса и името на изображението (img / pic.gif) със собствените си стойности. Този метод е удобен, тъй като изисква най-малко промени в кода на страницата, но по-често описанието на стиловете се поставя в отделен блок в главата на документа или дори в отделен файл.

Стъпка 3

Ако искате да използвате отделен CSS блок с инструкции за фиксиране на фона на страницата, поставете преди изходния маркер, например следните редове:

BODY {фон: url (img / pic.gif) фиксиран;}

Не забравяйте да включите правилното име и адрес на фоновото изображение вместо img / pic.gif.

Препоръчано: