Исправлено фоновое изображение без повтора в центрированном div?

#frontend #page-layout #css

#интерфейс #макет страницы #css

Вопрос:

У меня есть div с фиксированной шириной с фиксированным фоновым изображением без повтора, и фоновое изображение должно быть смещено от центра. Однако при изменении размера окна, независимо от того, фиксировано ли изображение с использованием процентных или пиксельных координат, оно не остается правильно расположенным в div.

Есть ли способ либо: 1) закрепить фоновое изображение в div, а не на странице, либо 2) использовать аналогичный хак для центрирования div «слева: 50%; margin-left: / $ twice-the-pixel-size-of-div-width /;»взломать, чтобы фиксированное фоновое изображение оставалось на том же месте в центрированном div при изменении размера страницы?

Комментарии:

1. Не могли бы вы дать jsfiddle. чистый пример проблемы?

2. jsfiddle. чистый пример почти необходим для этой проблемы, я согласен.

Ответ №1:

Является ли свойство background-position тем, что вы ищете?

http://www.w3schools.com/cssref/pr_background-position.asp