div+css中，怎样让一个div里面的背景图片垂直居中

给div加属性 div{background:url() center center no-repeat;}
如果背景图在左面 div{background:url() left center no-repeat;}

<style type="text/css">
box {
/非IE的主流浏览器识别的垂直居中的方法/
display: table-cell;
vertical-align:middle;
/设置水平居中/
text-align:center;
/ 针对IE的Hack /
display: block;
font-size: 175px;/约为高度的0873，2000873 约为175/
font-family:Arial;/防止非utf-8引起的hack失效问题，如gbk编码/
width:200px;
height:200px;
border: 1px solid #eee;

width:100px;
height:100px;
}
box img {
/设置垂直居中/
vertical-align:middle;
cursor:pointer;
}
</style>
本文来自: PQ秀秀网(>水平垂直居中情况很多，最简单的办法是吧设置为背景，给背景设置background-position:center;
如果只能用
分两种情况：
1宽高固定，这种情况很简单。
水平居中：就在的css中加 dispaly:block;margin:0 auto;
垂直居中：自己算出（div的高度-的高度）/2，得到margin-top值即可。
2高度未知，这个布局比较难实现。一般我是用js做的。
水平居中：同上，在的css中加 dispaly:block;margin:0 auto;
垂直居中：用js算出（div的高度-的高度）/2，得到margin-top值赋给它。
曾经研究过网上的很多方法，个人觉得这个是最有效的了。

---