[Помогите] зафиксировать фон

Тема в разделе "OpenCart", создана пользователем Димаська, 27 май 2015.

  1. Димаська

    Димаська

    Регистрация:
    13 май 2015
    Сообщения:
    134
    Симпатии:
    33
    доброго времени суток!

    как можно зафиксировать фон? чтобы он был статичен и нескролился в отличии от контента.

    а также как в стандартном html контент растянуть контент ( картинку в моём случае ) на всю ширину экрана, а не то как ограничивает её сам модуль непосредственно???
     
  2. fanton123

    fanton123

    Регистрация:
    24 дек 2012
    Сообщения:
    256
    Симпатии:
    29
    С помощью CSS. "background-attachment:fixed;". А вообще нужно смотреть по месту.
     
  3. mative

    mative

    Регистрация:
    24 май 2015
    Сообщения:
    43
    Симпатии:
    1
    та же самая история, из-за этого неадекватно выглядит и основная версия и адаптивная верстка летит ко всем чертям из-за этого. может быть есть какое-то решение? точнее решение по любому есть, знать бы что прописать в стилях к этой картинке.
     
  4. mytraz

    mytraz

    Регистрация:
    12 фев 2013
    Сообщения:
    102
    Симпатии:
    6
    background: fixed - для фона
    и
    background-size: cover; для заполнения
     
  5. mative

    mative

    Регистрация:
    24 май 2015
    Сообщения:
    43
    Симпатии:
    1
    <img src="http://картинка.jpg" style="background-size: cover; "> это так должно выглядеть? к сожалению ничего не происходит=(
     
  6. skdon

    skdon

    Регистрация:
    28 апр 2015
    Сообщения:
    20
    Симпатии:
    3
    Синтаксис
    CSS2.1
    background-attachment: fixed | scroll | inherit
    CSS3
    background-attachment: fixed | scroll | local[, fixed | scroll | local]*
    Значения
    fixed
    Делает фоновое изображение элемента неподвижным.
    scroll
    Позволяет перемещаться фону вместе с содержимым.
    inherit
    Наследует значение родителя.
    local
    Фон фиксируется с учётом поведения элемента. Если элемент имеет прокрутку, то фон будет прокручиваться вместе с содержимым, но фон выходящий за рамки элемента остаётся на месте.