Как поменять контент div при наведении?

Question

[Макс]

Есть блок div с фоновой картинкой и текстом. Необходимо при наведении поменять фоновую картинку и текст, т.е. подставить другой div. Как это реализовать?

Answer 1

[Юрий Лобанов]

codepen.io/iiil/pen/CluLI

Comments

[Макс]

то что нужно

Answer 2

[Александр Таратин]

jsfiddle.net/QW01_01/hogukk1a

Comments

[Макс]

стилями я умею. у меня в диве текст. к примеру, "КУПИТЬ СЛОНА", а при наведении должен появиться другой текст "Слоны по 100 руб./кг.)

[Александр Таратин]

@maxpirate И в чем проблема? У меня же и текст меняется тоже.

Answer 3

[Павел Гоголинский]

Можно на CSS.
Сделать Wrapper с position: relative. В него вложить два дива с position: absolute. При ховере на wrapper, скрыть верхний див, покажется нижний. При анховере - вернуть верхний див и перекрыть им нижний.

Comments

[Макс]

а можно пример на jsfiddle.net ? если не сложно? =)

Answer 4

[Максим]

hover?

Answer 5

[A_Kto]

https://codepen.io/A_Kto/pen/MXdqea