1

我可能会问一些非常简单的问题,但我在这里挣扎。

我有垂直切成两块的图片。中间部分是 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 个版本,但我对此并不完全满意(无法将其居中)。

任何帮助将非常感激。

4

1 回答 1

0

不看任何 HTML 示例,我的建议是使用背景位置 CSS 属性。

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

于 2012-04-17T16:46:56.727 回答