Свойство вложения фона
Свойство вложения фона CSS указывает, является ли изображение, установленное с помощью свойства background-image, фиксированным по отношению к содержащему блоку или должно он прокручивается.
background-attachment: scroll | фиксированный | наследовать
Values
scroll : указывает, что фоновое изображение будет прокручиваться вместе с содержащий блок.
fixed : указывает, что фоновое изображение будет прикреплено к содержащему блоку и не будет прокручиваться.
наследовать : если установлено, связанный элемент принимает вычисленное значение свойства background-attachment своего родительского элемента.
Начальные значения
scroll.
Применяется к
свойство background-attachment может применяться ко всем элементам HTML.
Наследование
Если значение не указано, свойство background-repeat не получает вычисленное значение своего родительского элемента.
Недоступно.
visual.
Вычисленное значение
Как указано.
Совместимость с браузером
| Браузер | Версия |
|---|---|
| Internet Explorer | 4.0 и выше |
| Firefox (Gecko) | 1.0 и выше |
| Opera | 3.5 и выше |
| Safari (WebKit) | 1.0 и выше |
Пример свойства background-attachment при value = «scroll»
Код CSS:
body {background-image: url ('w3r.gif'); фон-повтор: без повторения; фоновая позиция: 10% 10%; background-attachment: scroll}
HTML-код:
Пример свойства background-attachment, когда value = "scroll" w3resource. ru
Полное руководство по веб-разработке
html
xhtml
css
xml
svg
улыбка
wml
javascript
ajax
sql
php
mysql
apache
Дорогие друзья ,
Эти уроки разрабатывались группой разработчиков, кодирующих в течение многих лет. При разработке приложений с использованием HTML, CSS, JAVASCRIPT, AJAX, PHP, MySql и Apache мы обнаружили так много проблем, которые возникают только тогда, когда вы разрабатываете и реализуете проект по-настоящему. И эти проблемы остаются нерешенными до тех пор, пока вы не решите их.
В этих уроках мы подробно обсудили HTML, XHTML, CSS, JAVA SCRIPT, AJAX, PHP, MySQL и Apache, а также включили и решили все проблемы, с которыми мы столкнулись в процессе разработки.
Все коды, используемые в этих руководствах, тщательно протестированы с соответствующими средами и не оставляют никаких возможностей для ошибки.
Тем не менее, если вы обнаружите их, напишите нам, чтобы исправить это .
С уважением и уважением
Открытый исходный код - это метод разработки программного обеспечения, использующий возможности распределенной экспертной оценки и прозрачность процесса. Открытый исходный код обещает лучшее качество, более высокую надежность, большую гибкость, более низкую стоимость и прекращение хищнической привязки к поставщику.
Инициатива открытого исходного кода (OSI) - это некоммерческая корпорация, созданная для обучения и пропаганды преимуществ открытого исходного кода, а также для наведения мостов между различными группами в сообществе открытого исходного кода.
Одна из наших самых важных Activity является органом по стандартизации, поддерживающим определение открытого исходного кода на благо сообщества. Торговая марка и программа «Утвержденная лицензия Open Source Initiative» создают основу доверия, вокруг которой разработчики, пользователи, корпорации и правительства могут организовать сотрудничество с открытым исходным кодом.
Просмотреть этот пример в отдельном окне браузера
Пример свойства background-attachment при value = "scroll".
Пример свойства background-attachment при value = "fixed"
CSS-код:
body {фоновое изображение: url ('w3r.gif'); фон-повтор: без повторения; фоновая позиция: 10% 10%; background-attachment: fixed}
HTML-код:
Пример свойства background-attachment, когда value = "fixed" w3resource.com
Полное руководство по веб-разработке
html
xhtml
css
xml
svg
smil
wml
javascript
ajax
sql
php
mysql
apache
Дорогие друзья!
Эти уроки разработаны группой разработчиков совместно звенеть годами. При разработке приложений с использованием HTML, CSS, JAVASCRIPT, AJAX, PHP, MySql и Apache мы обнаружили так много проблем, которые возникают только тогда, когда вы разрабатываете и реализуете проект по-настоящему. И эти проблемы остаются нерешенными до тех пор, пока вы не решите их.
В этих уроках мы подробно обсудили HTML, XHTML, CSS, JAVA SCRIPT, AJAX, PHP, MySQL и Apache, а также включили и решили все проблемы, с которыми мы столкнулись в процессе разработки.
Все коды, используемые в этих руководствах, тщательно протестированы с соответствующими средами и не оставляют никаких возможностей для ошибки.
Тем не менее, если вы обнаружите их, напишите нам, чтобы исправить это .
С уважением и уважением
Открытый исходный код - это метод разработки программного обеспечения, использующий возможности распределенной экспертной оценки и прозрачность процесса. Открытый исходный код обещает лучшее качество, более высокую надежность, большую гибкость, более низкую стоимость и прекращение хищнической привязки к поставщику..
Инициатива открытого исходного кода (OSI) - это некоммерческая корпорация, созданная для обучения и пропаганды преимуществ открытого исходного кода, а также для наведения мостов между различными группами сторонников открытого исходного кода. исходное сообщество.
Одним из наиболее важных направлений нашей деятельности в качестве органа по стандартизации является поддержание определения открытого исходного кода на благо сообщества. Торговая марка и программа «Утвержденная лицензия Open Source Initiative» создают основу доверия, вокруг которой разработчики, пользователи, корпорации и правительства могут организовать сотрудничество с открытым исходным кодом.
Просмотрите этот пример в отдельном окне браузера.
Пример свойства background-attachment при value = "fixed".
См. также
- CSS свойство background-color
- CSS свойство background-image
- Свойство CSS background-repeat
- свойство CSS background-position
- свойство CSS background
