有的时候我们会遇到这样一个问题，就是当我们按下F12进行使用firebug调试的时候，我们发现图像没有居中，页面底下有横向的滑动条出现，图片没能够居中，默认状态下只是紧靠在页面最左侧，而我们对图像缩小的时候，图像依然紧靠在页面最左侧，所有我们需要对图像设置居中，无论放大或者缩小页面，都使得图像至始至终都显示在页面的中间。
代码如下
HTML:
<html>
<head>
</head>
<body>
<div class="background">
</div>
</body>
</html>
CSS:
.background
{
background:url(../img/background_name.png) no-repeat center;
}