Отображение фонового изображения частично

[iKNG]

Есть изображение:

Как сделать, чтобы отображалось, например, в блоке только иконка [В]Контакте? Просто я впервые встретился с частичным отображением фона.

P.s. Каждая иконка в изображении 45х45, все изображение 90х90 пикселей.

Edited January 31, 2013 by iKNG

[Carneol]

Можно задать блоку высоту и ширину, равную иконке Вконтакте, дать ему бэкграудом указанную Вами картинку, пусть это выглядит, как:

.icon-vk {
width: 90px; /* значение с потолка взяла, для примера */
height: 90px;
background: url('...') no-repeat 0px 0px;
}

а потом в строчке background: url('...') no-repeat 0px 0px; подставьте вместо значений 0px такие значения, чтоб в Вашем блоке высвечивалась нужная часть бэкграунда. Если не ошибаюсь, то первое значение будет двигать по горизонтали, второе - по вертикали.

[iKNG]

Можно задать блоку высоту и ширину, равную иконке Вконтакте, дать ему бэкграудом указанную Вами картинку, пусть это выглядит, как:

.icon-vk {
width: 90px; /* значение с потолка взяла, для примера */
height: 90px;
background: url('...') no-repeat 0px 0px;
}

а потом в строчке background: url('...') no-repeat 0px 0px; подставьте вместо значений 0px такие значения, чтоб в Вашем блоке высвечивалась нужная часть бэкграунда. Если не ошибаюсь, то первое значение будет двигать по горизонтали, второе - по вертикали.

Спасибо.