我可能会问一些非常简单的问题,但我在这里挣扎。
我有垂直切成两块的图片。中间部分是 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;
}
我已经用流体固定流体 css 和 3 张图片完成了 1 个版本,但我对此并不完全满意(无法将其居中)。
任何帮助将非常感激。