background-attachment

    0
    51

    background-attachment указывает фоновому изображению быть зафиксированным или прокручиваться вместе с содержимым страницы.

    Можно указать свойства сразу для нескольких изображений, для этого значения перечисляются через запятую. Каждое значение, для каждого фонового изображения идет по порядку, к первому применяется первое значение, ко второму — второе и т.д.

    Когда фоновое изображение установлено как fixed, относительно содержимого страницы, то оно будет фиксированным даже если элемент к которому оно закреплено будет иметь прокручиваемый контент внутри. Таким образом, фон остается фиксированным и не будет перемещаться вместе с элементом или его содержимым.

    Данное свойство также применяется к псевдоэлементам — ::first-letter и ::first-line.

    Официальный синтаксис

    • Синтаксис
    • Значение по умолчанию: scroll
    • Применяется: ко всем элементам
    • Анимируется: нет

    Живой пример

    Пример использования значения fixed:

    Поддержка браузерами

    background-attachment поддерживается всеми известными браузерами: Chrome, Firefox, Safari, Opera, IE, также Android и iOS.

    Поддержка значения local появилась в браузерах с версии: Firefox 25, IE9, Opera 10.5, и Chrome 4.

    ПОДЕЛИТЬСЯ
    Предыдущая статья::first-letter
    Следующая статья::selection
    Постоянный автор на exabyte.ws. Специализируюсь на Wordpress, Javascript & jQ, REST API. Любые вопросы связанные с Web разработкой вы можете задать лично или в группе вконтакте.

    ОСТАВЬТЕ ОТВЕТ

    Пожалуйста оставьте комментарий!
    Введите ваше имя