3

Как можно реализовать вот такую штуку: на сайте http://ginza.ru/msk в самом низу после "еще новости" - при прокрутке страницы изображение тоже прокручивается?

введите сюда описание изображения

1
  • вы имеет ввиду подвал? когда скролишь страницу картинка стоит на месте?
    – cyadvert
    26 окт 2015 в 4:29

1 ответ 1

5

Можно открыть страницу в developer tools и посмотреть:

.row-header-main-footer-picture {
    background-image: url([путь-к-картинке]);
    background-position: 50% 50%;
    background-attachment: fixed;
    background-size: cover;
}

как видите фоновая картинка сделана с background-attachment: fixed;. Это заставляет картинку "стоять на месте" при прокрутке страницы. А сверху на нее наложены два блока, один с прозрачным фоном (тот, где дата-лого-телефон), второй с белым фоном (заказать доставка-поделитесь отзывом).
Но главное- фон стоит на месте при прокрутке.

Еще раз - воспользуйтесь developer tools любого браузера.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.