位置背景图片

时间:2012-04-17 15:39:27

标签: css

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

我将图片切成两片。中间件是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个图片,但我并不完全满意(有中心问题)。

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

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

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