position background picture

Question

Я, вероятно, собираюсь спросить что-то очень простое, но я боюсь здесь.

У меня есть изображение, которое вырезано вертикально на 2 части. Средняя часть - это фон для div, и он должен всегда находиться в центре страницы. Другая часть прозрачна посередине и имеет графику с обеих сторон. Я хочу, чтобы графика по сторонам скрывала/показывала больше/меньше в зависимости от разрешения экрана, но всегда располагалась в центре, чтобы она всегда соответствовала средней части с рисунком.

Вот мой основной CSS:

* { padding: 0; margin: 0; } 

body { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 13px; 
background: url(img/outerpic.png) no-repeat; 
} 
#wrapper { 
margin: 0 auto; 
width: 1090px; 
} 
#content { 
width: 1090px; 
background: url(img/innerpic.png) no-repeat; 

} 

Я сделал 1 вариант с CSS жидкости фиксированной жидкости и 3 фотографии, но я не совсем доволен этим (проблемы его в центр).

Любая помощь будет высоко оценена.

Answer 1

Не смотря ни на один из примеров HTML, мое предложение было бы использовать свойство CSS положения фона.

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