Тело CSS Фон Центрируется для выравнивания с содержимым

Question

Я хочу поместить фоновое изображение по центру тела (backgroundPosition). И тогда я хочу, чтобы весь контент (текст, таблицы ....) я добавил на страницу, чтобы он был выровнен с фоном, например, если я увеличу масштаб страницы, пропорции Background-Content должны соблюдаться.

Я перепробовал почти все, и я не знаю, возможно ли это, я знаю, буду ли я использовать позицию в верхнем левом углу для положения фона, а затем содержимое в float: будут соблюдаться пропорции влево, но если я хочу, чтобы фон был в центре?

Answer 1

В CSS:

background-position:center center;

Это не режет? Может быть, вы могли бы где-нибудь выложить тестовую страницу?

Answer 2

Вы можете сделать:

background:url(path-here) center center;

Answer 3

К сожалению, для перемещения фонового изображения при масштабировании страницы вам придется использовать javascript.

Если вам подойдет javascript, вы сможете получить размеры окна браузера, рассчитать центральную точку и соответствующим образом расположить фон.