Блог

Главная - Вопросы по программированию - Прокручиваемое фоновое изображение обложки для веб-сайта с помощью CSS

Прокручиваемое фоновое изображение обложки для веб-сайта с помощью CSS

#html #css

#HTML #css

Вопрос:

Итак, я хочу, чтобы фоновое изображение занимало всю страницу, ширина которой соответствует виду, хотя я прокручиваю вниз, чтобы увидеть остальную часть изображения, заполняя все тело. Ширина отзывчива, хотя я не могу заставить изображение прокручиваться вниз. вот мой css.

 body { 
background: url(map.png);
background-repeat: no-repeat;
background-size: 100% auto;
background-attachment: local; 
overflow: scroll;

Комментарии:

1. Ваш вопрос не очень понятен. Не могли бы вы предоставить более подробную информацию? например, скриншот. Тем временем вы могли бы обратиться к примеру w3schools , если это то, что вы ищете.

Ответ №1:

Это работает для меня в Firefox, я не пробовал в других браузерах

 body{
    margin:0;
    height: 100%;
    background-image: url('path/to/bg/img.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}