о фоновом атрибуте в css

Question

фон: # 777777 нет повторной прокрутки 0 0;

5 атрибутов, которые он включает, это цвет фона, фоновое изображение, повторение фона, прикрепление фона и положение фона.

Но я не понимаю, что означают background-attachment и background-position?

Может ли кто-нибудь дать объяснение?

РЕДАКТИРОВАТЬ : бесполезны ли повторение фона, прикрепление фона и положение фона, если фоновое изображение не имеет значения?

Answer 1

Если вы когда-либо видели веб-страницу, где текст на странице прокручивается с помощью полосы прокрутки, но фон остается неподвижным, это

background-attachment: fixed;

Background-position определяет, как вы располагаете изображение внутри фона элемента. Например, если у вас есть небольшое изображение тени, которое должно повторяться только по нижнему краю вашего элемента, вы можете использовать:

background-repeat: repeat-x;
background-position: bottom left;

Или, если в правом нижнем углу вашего элемента было отображено только то изображение, которое вы хотели:

background-position: bottom right;

background-position также принимает значения пикселей в формате:

background-position: xpos ypos

для более точного контроля зерна.

Answer 2

Из фонового приложения W3

Свойство background-attachment устанавливает, является ли фоновое изображение фиксированный или свитки с остальной частью стр.

Допустим, у вас есть фоновая картинка, как здесь (посмотрите на красивые горы.)

Если для свойства background-attachment установлено значение «fixed», то при прокрутке страницы фон остается фиксированным. Содержимое страницы прокручивается, а фоновое изображение - нет.

Сравнить с этой страницей . Видишь задний фон по краям? При прокрутке вниз эти рисунки также прокручиваются вместе со страницей. Это пример выбора «прокрутки» - это то, что у вас есть в размещенном вами фрагменте CSS.

Answer 3

Фоновое вложение указывает, прокручивается ли фон вместе с веб-страницей.

background-attachment: исправлено; исправит фон, поэтому, даже если пользователь прокручивает веб-страницу вниз, фон не будет двигаться.

background-attachment: scroll; сделает фоновую прокрутку со страницей.

Больше информации здесь: http://www.w3schools.com/Css/pr_background-attachment.asp

Фоновая позиция принимает 2 аргумента; положение x и положение y. Указывает, где начальное изображение фона будет отображаться. Источник находится в верхнем левом углу контейнера.

Подробнее здесь: http://www.w3schools.com/css/pr_background-position.asp

Answer 4

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

• перемотать
  • Фоновое изображение прокручивается вместе с остальной частью страницы. Это по умолчанию
• исправлена
  • Фоновое изображение фиксировано
• унаследуют
  • Указывает, что настройка свойства background-attachment должна быть унаследована от родительского элемента

Свойство background-position устанавливает начальную позицию фонового изображения.

Примечание. Чтобы это работало в Firefox и Opera, свойство background-attachment должно быть установлено в значение «fixed».

Answer 5

W3Schools довольно неплохо объясняет эти элементы:

background-attachment : определяет, является ли фон фиксированным или прокручивается со страницей.

background-position : определяет положение фона относительно страницы (такие значения, как верхний центр , нижний правый , значения пикселей и т. Д. )

Answer 6

• фон-крепление
• фон положение

Answer 7

background-position: is used to define the anchor point of the image on the screen like top left  or bottom right

background-attachment defines whether the background image will scroll with the contents