The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Icon Over IMG on Hover
How can I get a magnify icon to display over my thumbnails (img) on hover? You can see what I mean below:
HOVER OFF: [attachment=1]bio_0000_Layer 2.jpg[/attachment] HOVER ON: [attachment=0]bio_0001_Layer 1.jpg[/attachment]
Thanks in advance.
You mean like an overlay image appearing over the img?
Something like this might work:
div.container img:hover + div { display: block; }
div.container div:hover { display: block; }
The img will probably have to be a fixed height and width for it to display well. You’ll also need to position the overlay properly.
Sorry that doesn’t make any sense to me
Hey Realph,
Not sure what your skill level is at. How are you trying to accomplish this? Basic HTML? jQuery? CSS?