DIV垂直中心的CSS背景图像

Question

我有一个div,我需要使用CSS将一个小背景图像放入该DIV的垂直中心.

有人可以帮忙吗？

谢谢.

Answer 1

垂直居中:

#con {
    background: url(image.jpg) no-repeat left center;
}

水平居中:

#con {
    background: url(image.jpg) no-repeat center top;
}

Answer 2

#somediv {
background: url (image.jpg) no-repeat 50% 50%;
}

50%的水平和垂直居中.或者你可以使用 center center