Display text on MouseOver for image in html

Question

I would like to display text when the user mouseovers the image.

How can I do this in HTML/JS?

Answer 1

You can use CSS hover in combination with an image background.

CSS

   .image
{
    background:url(images/back.png);
    height:100px;
    width:100px;
    display: block;
    float:left;
}

.image  a {
    display: none;
}

.image  a:hover {
    display: block;
}

HTML

Text you want on mouseover