русский  עברית
tadam logo
backgroundbackground-attachmentbackground-colorbackground-imagebackground-positionbackground-repeatborderborder-bottomborder-bottom-colorborder-bottom-styleborder-bottom-widthborder-colorborder-leftborder-left-colorborder-left-styleborder-left-widthborder-rightborder-right-colorborder-right-styleborder-right-widthborder-styleborder-topborder-top-colorborder-top-styleborder-top-widthborder-widthoutlineoutline-coloroutline-styleoutline-widthheightmax-heightmax-widthmin-heightmin-widthwidthfontfont-familyfont-sizefont-stylefont-variantfont-weightcontentcounter-incrementcounter-resetquoteslist-stylelist-style-imagelist-style-positionlist-style-typemarginmargin-bottommargin-leftmargin-rightmargin-toppaddingpadding-bottompadding-leftpadding-rightpadding-topbottomclearclipcursordisplayfloatleftoverflowpositionrighttopvisibilityz-indexpage-break-afterpage-break-beforepage-break-insideborder-collapseborder-spacingcaption-sideempty-cellstable-layoutcolordirectionletter-spacingline-heighttext-aligntext-decorationtext-indenttext-transformvertical-alignwhite-spaceword-spacing
Нашли ошибку в тексте?
Отметьте её курсором и нажмите
Ctrl + Enter
Проверка орфографии Xhtml.co.il
Orphus system
Рассылка
Присоединитесь к списку рассылки для получения последних новостей

Введите адрес электронной почты:

Примеры CSS

Пример 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 должно быть унаследовано от родительского элемента

Связанные страницы

CSS пособие: CSS Фон

jQuery пособие: css()

Была ли эта информация полезной?
   

Комментарии