CSS свойство background-attachment

Свойство вложения фона

Свойство вложения фона 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

Оцените статью
nanomode.ru
Добавить комментарий