Як зафіксувати фон
Відео: Гарний фон для відео / фото. Поради починаючому відеоблогеру
Іноді задум дизайнера вимагає, щоб фонове зображення залишалося нерухомим при прокручуванні відвідувачем вмісту сторінки. Це можна зробити, змінивши за допомогою інструкцій мови CSS (Cascading Style Sheets - «каскадні таблиці стилів») використовувану за замовчуванням установку поведінки фону.
1
Додайте в веб-документ опис стилів для блоку body, що містить властивість background-attachment із значенням fixed, і фон сторінки буде залишатися нерухомим при прокручуванні документа. Цей спосіб фіксації фону буде працювати у всіх браузерах, що підтримують будь-який з нині діючих CSS-стандартів, починаючи з версії 1.0. Крім значення fixed, для цього властивості стандартами передбачені ще два варіанти - scroll і inherit. Якщо в описах стилів документа не вказано ніякого значення для background-attachment, то за замовчуванням вважається, що воно встановлено в scroll. В цьому випадку фон буде переміщатися разом з прокруткою вмісту сторінки. Значення inherit вказує, що для властивості background-attachment цього елемента має бути використано те ж саме значення, що і для його батьківського елементу.
2
доповніть тег потрібної сторінки атрибутом style і помістіть в нього опис стилів, що фіксує фон. Наприклад, це може виглядати так:.Можна тут же вказати і адреса фонового зображення:.Адреса та назва картинки (img / pic.jpg) замініть вашими власними значеннями. Такий спосіб зручний тим, що вимагає найменших змін в коді сторінки, однак частіше опис стилів виносять в окремий блок в головній частині документа або навіть в окремий файл.
3
Якщо хочете використовувати окремий CSS-блок з інструкціями для фіксації фону сторінки, то помістіть перед тегом вихідного коду, наприклад, такі рядки: .Не забудьте вказати правильне ім`я та адресу фонового зображення замість img / pic.jpg.
Поділися в соціальних мережах:
Схожі
- Як змінити колір сайту
- Як змінити колір шрифту html
- Як змінити колір гіперпосилання
- Як змінити колір фону
- Як змінити фон сайту
- Як змінити колір заголовків
- Як змінити колір фону сайту
- Як встановити фон на сайт
- Як зробити нижнє підкреслення
- Як зробити фон посилання
- Як задати ширину таблиці
- Як прикрасити сайт
- Як заховати кнопку
- Як прибрати рамку посилання
- Як зробити нерухомий фон
- Які команди є в css
- Як задати колір фону
- Як додати фон
- Як зробити сайт по центру
- Як дізнатися колір фону
- Як міняти фон в html