Css标题中图片居中,CSS居中的标题图片

我有一个标题图片在屏幕上重复出现，因此无论屏幕分辨率如何，标题始终都会伸展100％，我已将图片放在包装div中。 在DIV的顶部，我也希望放置'logo'，使它始终居中在屏幕的顶部。CSS居中的标题图片

我很欣赏这可以通过另一种方式完成，并且已经尝试在photoshop中的标题顶部使用徽标，尽管我无法让图像居中，因为我愿意。

请在下面找到我的代码：

HTML：

CSS：

#wrapperHeader{

position: relative;

background-image:url(images/header.png);

}

#header{

left: 50%;

margin-left: -500px;

background:url(images/logo.png) no-repeat;

width:1000px;

height:200px;

}

而且，我知道保证金左的特性：自动;等等。尽管如果有人能解释如何在这里适当地使用它们，我将不胜感激。

谢谢！

+0

你需要给的#header位置：相对否则左：50％将被忽略 –

2012-07-17 14:51:03