Изображение CSS на вертикальном центре DIV

У меня есть div, и мне нужно получить небольшое фоновое изображение в вертикальном центре этого DIV с помощью CSS.

Может ли кто-нибудь помочь?

Спасибо.

Ответы

Ответ 1

Для вертикального центра:

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

В горизонтальный центр:

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

Ответ 2

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

50% центрирует его по горизонтали и по вертикали. В качестве альтернативы вы можете использовать center center