Всплывающая кнопка в блоке при наведении на его

[realyhead]

Есть блок с картинкой. Как сделать, что бы при наведении на этот блок на картинке в центре всплывала другая картинка?

Edited August 4, 2013 by realyhead

[pupil]

воспользоваться псевдоклассом hover - подробнее

[realyhead]

воспользоваться псевдоклассом hover - подробнее

если картинка в div блоке выведена с помощью тега html <img src> а сам css класс этого блока чист от картинки, то нужно в hover прописать background:url("ссылка на картинку"); а потом с помощью padding 'а отцентрировать её? Стоит учесть, что картинка маленького размера 39x39? я правильно понял?

[pupil]

воспользоваться псевдоклассом hover - подробнее

если картинка в div блоке выведена с помощью тега html <img src> а сам css класс этого блока чист от картинки.

насколько я знаю, нужно чтобы и исходная картинка была так же фоном

[antonKar]

Либо иным вариантом:

1) Есть родительский div, внутри которого 2 img

2) У одной картинки задан visibility: hidden

3) Когда наводим курсор на div, то скрываем видимую картинку, а невидимую показываем.

Что-то типа:

div img:first-child {
	visibility: hidden;
}

div:hover img:first-child {
	visibility: visible;
}

div:hover img:last-child {
	visibility: hidden;
}

Если хочется анимашек, то смотрим в сторону opacity вместо visibility.

Edited August 5, 2013 by antonKar