定位背景图片

Question

我可能会问一些非常简单的问题，但我在这里很困难。

我有一张被垂直切成两半的图片。中间部分是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