Пример 1
Как установить фиксированное изображение фона:
<html>
<head>
<meta charset="utf-8" />
<style>
body
{
background-image:url('/tryit/css/img/smiley.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
}
</style>
</head>
<body>
<p>Изображение фона фиксированно. Попробуйте прокрутить страницу вниз.</p>
<p>Изображение фона фиксированно. Попробуйте прокрутить страницу вниз.</p>
<p>Изображение фона фиксированно. Попробуйте прокрутить страницу вниз.</p>
<p>Изображение фона фиксированно. Попробуйте прокрутить страницу вниз.</p>
<p>Изображение фона фиксированно. Попробуйте прокрутить страницу вниз.</p>
<p>Изображение фона фиксированно. Попробуйте прокрутить страницу вниз.</p>
<p>Изображение фона фиксированно. Попробуйте прокрутить страницу вниз.</p>
<p>Изображение фона фиксированно. Попробуйте прокрутить страницу вниз.</p>
<p>Изображение фона фиксированно. Попробуйте прокрутить страницу вниз.</p>
<p>Изображение фона фиксированно. Попробуйте прокрутить страницу вниз.</p>
<p>Изображение фона фиксированно. Попробуйте прокрутить страницу вниз.</p>
<p>Изображение фона фиксированно. Попробуйте прокрутить страницу вниз.</p>
<p>Изображение фона фиксированно. Попробуйте прокрутить страницу вниз.</p>
<p>Изображение фона фиксированно. Попробуйте прокрутить страницу вниз.</p>
<p>Изображение фона фиксированно. Попробуйте прокрутить страницу вниз.</p>
<p>Изображение фона фиксированно. Попробуйте прокрутить страницу вниз.</p>
<p>Изображение фона фиксированно. Попробуйте прокрутить страницу вниз.</p>
<p>Изображение фона фиксированно. Попробуйте прокрутить страницу вниз.</p>
<p>Изображение фона фиксированно. Попробуйте прокрутить страницу вниз.</p>
<p>Изображение фона фиксированно. Попробуйте прокрутить страницу вниз.</p>
<p>Изображение фона фиксированно. Попробуйте прокрутить страницу вниз.</p>
<p>Изображение фона фиксированно. Попробуйте прокрутить страницу вниз.</p>
<p>Изображение фона фиксированно. Попробуйте прокрутить страницу вниз.</p>
<p>Изображение фона фиксированно. Попробуйте прокрутить страницу вниз.</p>
<p>Изображение фона фиксированно. Попробуйте прокрутить страницу вниз.</p>
<p>Изображение фона фиксированно. Попробуйте прокрутить страницу вниз.</p>
</body>
</html>
Определение и использование
Свойство background-attachment определяет должно ли изображение быть фиксированым или прокручиваемым вместе со страницей.
| Значение по умолчанию: | scroll |
|---|---|
| Унаследованный: | нет |
| Версия: | CSS1 |
| Синтакс JavaScript: | object.style.backgroundAttachment="fixed" |
Поддержка браузеров
Свойство background-attachment поддерживается во всех ведущих браузерах.
Примечание: Ни одна из версий Internet Explorer (включая IE8) не поддерживает значение свойства "inherit".
Значения свойства
| Значение | Описание |
|---|---|
| scroll | Фоновое изображение прокручивается с остальной частью страницы. Это по умолчанию |
| fixed | Фоновое изображение фиксированное |
| inherit | Указывает, что установка свойства background-attachment должно быть унаследовано от родительского элемента |
Была ли эта информация полезной?
