ЭНЦИКЛОПЕДИЯ СОВРЕМЕННОГО САЙТОСТРОЕНИЯ

Вопрос Как сделать так, чтоб картинка расширялась вместе с прокруткой сайта?

Тема в разделе "Доработка шаблонов", создана пользователем Nadezhda, 3 мар 2016.

  1. Nadezhda

    Nadezhda Пользователь

    Сообщения:
    11
    Рейтинг:
    13
    Род занятий:
    Преподаватель
    Откуда:
    Тамбовская область
    Есть шаблон, с очень темным фоном. В настройках темы есть функция вставить свою картинку и заменить задний фон сайта. Как сделать так, чтоб картинка расширялась вместе с прокруткой сайта? А то у меня получается следующее: вставляю картинку расширением 1920 на 1080, она устанавливается нормально, но вот как только текст на странице сайта удлиняется, картинка заканчивается и идет опять темный фон. Знаю, что надо что-то добавить в файл стилей, но пока боюсь делать это самостоятельно, еще не настолько хорошо разбираюсь в этом, пока только учусь работать с кодами. Может кто-то подскажет решение?
     
    #1
  2. Загрузка...
  3. Алексей

    Алексей Гуру Команда форума Эксперт

    Сообщения:
    367
    Рейтинг:
    151
    @Nadezhda, в CSS задаём
    body{
    position:fixed;
    }
    (Дописываем в уже существующий код строку)
     
    #2
  4. Jonny

    Jonny Гуру Команда форума Администратор

    Сообщения:
    748
    Рейтинг:
    143
    Для того, чтобы зафиксировать фоновую картинку используйте параметр fixed.

    Например, примените к контейнеру body следующий стиль:

    Код:
    body {
      background: url("http://tnvd-remont.ru/images/tnvd/2.jpg") no-repeat fixed;
    }
    
    В результате будет фиксорована одна картинка, пример скриншота:
    upload_2016-3-3_12-10-19.png

    Если у вас маленькая картинка и вы хотите её размножить и фиксировать при прокрутке, тогда, например, примените следующий стиль CSS:

    Код:
    body {
      background: url("http://tnvd-remont.ru/images/tnvd/2.jpg") repeat fixed;
    }
    
    Скриншот результата:

    upload_2016-3-3_12-13-40.png
     
    Последнее редактирование: 3 мар 2016
    #3