I am trying to do something simple, but for some reason I am having trouble.
I have a few images, that have the hover effect. I want that when the user hovers over the image, he should see a different image on top. (It is thumbnail images, and I want that when the user hovers over the image, a magnifying glass should appear, so the user understands to click and zoom in.)
For some reason, the image does not appear when you hover.
I used the code:

.end:hover{
  background: url(images/magnifier.png)no-repeat;

}

When I try making a border on hover, that works, but the image does not appear on hover.
Please advise.
Thank you.

Recommended Answers

background: url(images/magnifier.png) no-repeat;

didn't put a space... that could be it.

Jump to Post

All 2 Replies

Member Avatar
background: url(images/magnifier.png) no-repeat;

didn't put a space... that could be it.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.19 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.