Как центрировать фоновое изображение в его родительском элементе?

Question

Как использовать свойство background-position CSS для центрирования фонового изображения в его родительском элементе? Я могу получить только фоновое изображение по центру всей страницы.

Answer 1

background-position: center;
background-repeat: no-repeat;

работает на меня. центры по горизонтали и вертикали

Answer 2

Имейте в виду, что элементы уровня блока, которые не изменены каким-либо образом (с использованием высоты / ширины или с плавающей запятой или полями), всегда будут занимать ширину окна, даже если содержимое элемента этого не делает. Это означает, что центрирование фона на элементе также приведет к центру окна.

Чтобы проверить, в этом ли проблема, я обычно добавляю

border: 1px dashed #f00;

к элементу.

Если размер элемента изменен, ответ Скотта должен сработать.