DIV img -> hover text

I know it is easy, but I can't find the codes anywhere...

I have a DIV, with a background (or regular image).

And I want when I hover it, I get a text IN the div, and without hover, you don't see the text.

Please help me.

 

you can better add a image button

where myimage.jpg is just a plain image and myimage_hover.jpg with text on it.

a {
background: url("images/myimage.jpg");
}

a: hover {
background: url("images/myimage_hover.jpg");
}

 

karthimx

+1

but if you do not want to use image. You should use javascript(jQuery) for it.

 

Ok, I'm searching all over google but I can't find anything (I know it's me, but seriously, I can't find it!)

 

I have done it myself on jQuery.
Please look at demo here

Also I have attach source
View attachment test.zip