Как зафиксировать картинку в css
Ответы
Ivan Gagarinov
16 июля 2024
Чтобы зафиксировать картинку (сделать ее неподвижной) на веб-странице с помощью CSS, вы можете использовать свойство background-attachment с значением fixed. Это сделает так, что задний фон (картинка) будет оставаться на месте при прокрутке страницы.
Пример использования:
.bg-image {
background-image: url('путь_к_изображению.jpg');
background-attachment: fixed; /* Зафиксировать изображение */
background-size: cover; /* Масштабировать изображение для заполнения блока */
height: 100vh; /* Высота блока с изображением */
}
В данном примере блок с классом .bg-image будет иметь задним фоном картинку, которая будет зафиксирована при прокрутке страницы. Картинка будет масштабироваться для заполнения блока полностью.
Убедитесь, что замените 'путькизображению.jpg' на путь к вашему изображению.
Таким образом, вы сможете зафиксировать картинку на веб-странице с помощью CSS.
0
0