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

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

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

  1. Nadezhda

    Nadezhda Новичок

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

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

    Сообщения:
    367
    Рейтинг:
    28
    Репутация:
    +176 / 0 / -0
    @Nadezhda, в CSS задаём
    body{
    position:fixed;
    }
    (Дописываем в уже существующий код строку)
     
    • Поддерживаю [+] Поддерживаю [+] x 1
  3. Jonny

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

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

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

    Код:
    [ ** Только зарегистрированные пользователи могут смотреть Код ** ]
    В результате будет фиксорована одна картинка, пример скриншота:
    upload_2016-3-3_12-10-19.png

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

    Код:
    [ ** Только зарегистрированные пользователи могут смотреть Код ** ]
    Скриншот результата:

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